webForumDet fria alternativet

Funkar i webbläsare

HTML & CSSur HTML, XHTML & CSS

7 svar · 907 visningar · startad av Kalle M

Medlem sedan mars 20041 936 inlägg
Frågan#1

Funkar denna i vanligaste webbläsarna och upplösningar? Tänkte så det ser ok ut i de flesta. Använder inga frames. Alla mina sidor ser ut som nedan fast annat text och bildinnehåll.

Sidfråga:
Vill gärna ha lite space i överkant vid head och ändra bodys topmargin i min CSS. Hoppas jag tänkte rätt och inte behöver ange det i Head i min CSS!? Verkar funka på båda sätt!?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Project grundkurs, kurs, utbildning, Magwill</title>
<link href="css1.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/magwill3.gif" alt="MAGWILL">
<hr>
<div id="kontakt"><strong>MAGWILL</strong><br>
  <a href="kontakt.htm"><br>
  Info@magwill.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultj&auml;nster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87">&nbsp;</td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>&nbsp;</h4>
      <p>&nbsp;</p></td>
    <td width="374" valign="top"0><h4>Project grund</h4>
<p>Denna utbildning ger dig grunderna i Ms Project d&auml;r du kommer l&auml;ra dig skapa &ouml;vergripande projekttidplaner och att planera resurser. Du kommer &auml;ven l&auml;ra dig skapa originalplan och att uppdatera planen med verkligt utfall. D&auml;refter kommer du l&auml;ra dig j&auml;mf&ouml;ra originalplan med det verkliga utfallet och att skapa snygga rapporter kring resultatet.</p>
<h4>Kursinneh&aring;ll</h4>
<p>- Projektstart<br>
  - &Auml;ndra arbetstid i kalendern<br>
  - 
  Schemal&auml;ggning av aktiviteter<br>
  - L&auml;gga upp aktiviteter och varaktigheter, Milstolpar
  <br>
  - Samband/beroenden mellan aktiviteter.<br>
  - 
  Manuella placeringar av aktiviteter<br>
  - Aktivitetsvillkor, Tidgr&auml;nser<br>
  - Anteckningar p&aring; aktivitet<br>
  - &Aring;terkommande aktiviteter<br>
  - Disponera/gruppera aktiviteter<br>
  - Utskriftsinst&auml;llningar<br>
  - 
  Resurser<br>
  - Tilldela resurser<br>
  - Insatsberoende tilldelning<br>
  - Variablerna: Arbete,Varaktighet,Enhet<br>
  - &Aring;terst&aring;ende tillg&auml;nglighet av resurs<br>
  - 
  Kontrollera &ouml;verbel&auml;ggningar av resurser<br>
  - Kostnader<br>
  - Uppf&ouml;ljning och originalplan, Uppdatera  med verkligt utfall<br>
  - Filtrering, Rapporter<br>
  - Formatering, &Ouml;vriga vyer<br>
  - Programinst&auml;llningar
  <br>
  - 
  Praktisk &ouml;vning</p>
<p>&nbsp;</p></td>
    <td width="158" valign="top"><h4>&nbsp;</h4></td>
  </tr>
</table>
<div id="foot">MAGWILL L&auml;r f&ouml;r framtiden, <a href="mailto:Info@magwill.se">Info@magwill.se</a>, </div>
</div>
</body>
</html>
html { overflow-y: scroll; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-top: 7px;
	margin-left: 0px;
	background-color:#CCC;
	
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 14px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
}

h4 {
	color: #933;
	font-size: 11px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
	margin-top: -1px;
}

a {
	color: #039;
	text-decoration: none;
}

	
a:hover {
	font-weight: normal;
	color: #933; 
	important;}
	
}
a:visited{
	color:#039;
	text-decoration:none;
}

#header {
	position:relative;
	background:#000;
	height: 100px;
	width: 750px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	
	
	
}

#kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 621px;
	top: 13px;
	font-family: Verdana, Geneva, sans-serif;
	border: thin none #FFF;
	text-align: right;
	font-size:11px;
	height: 69px;
	
}

#header a {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }

#kontakt a {
	color:#fff;
	font-size:11px;
}

#heldiv{
	Width:790px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
		
#foot {
	height: 17px;
	width: 789px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #933;
	font-weight: normal;
}

Tack på förhand!

Medlem sedan mars 2007845 inlägg
#2

Du borde installera och testa dom vanligaste webbläsarna själv så ser du direkt om något blir fel.

Medlem sedan juni 20019 519 inlägg
#3

Vill gärna ha lite space i överkant vid head och ändra bodys topmargin i min CSS. Hoppas jag tänkte rätt och inte behöver ange det i Head i min CSS!? Verkar funka på båda sätt!?

det kan du göra ja...

Förstå fortfarande inte varför du envisas med tabeller, men vill inte starta den diskussionen igen.

Vilka webbläsare vill du ha stöd för?

Ett tips är att använda dig av http://necolas.github.com/normalize.css/ för att normalisera alla element så att du har samma utgångsläge för alla webbläsare.

Medlem sedan mars 20041 936 inlägg
#4

Tänkte i dom vanliga så ej ser galet ut. Ang tabeller så hittar väl folk sidan ändå å att den ser ok ut? Va d ja kunde just då.

Medlem sedan juni 20019 519 inlägg
#5

Kalle M skrev:

Tänkte i dom vanliga så ej ser galet ut. Ang tabeller så hittar väl folk sidan ändå å att den ser ok ut? Va d ja kunde just då.

Räknar du IE6 som vanlig webbläsare?

Angånde att använda rätt HTML struktur ... du kan ju ha hela sidan med <h1> och stylar om det så det ser ut som vanliga text-block bara för att du känner för det, men det påverka dig negativt... använd rätt element på rätt plats när du presentera innehåll. Men din sida fungera i de flesta webbläsarna.

Medlem sedan jan. 20023 327 inlägg
#6

Finns ju ingen länk...

Medlem sedan mars 20041 936 inlägg
#7

Layouten på sidan ska vara sån. Likadant på alla. Använt den som mall å fyllt på text. Stör mig lite på att ja fuska me tabell å inte divar på allt. Har dålig kunskap kring divar men huvudsaken e folk hittar sidan å den ser bra ut och snabbladdad utan för mkt skräpkod och givetvis att den ser bra ut i alla webbläsare och upplösningar.

Medlem sedan mars 20041 936 inlägg
#8

På vissa sidor där jag inte har så mkt text kan sidan kännas kort. Ifrån ned till om man säger så. Sidan blir så lång efter hur mkt text jag har. Vet ej om ser konstigt ut vid stor skärm om ser kort och futtigt ut vid stor skärm? syns allt footer visas högt upp på vissa sidor? Hur löser man det? Kan ja ändra nåt i min CSS att det vita området inte slutar för långt upp. Är det sidor med mkt text ser det ok ut men vissa sidor har jag lite text. Hoppas förstår vad jag menar

136 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)