Doctype gör att border-top försvinner

14 svar · 401 visningar · startad av nanneson 12 nov. 2005

nannesonMedlem sedan nov. 200234 inlägg

Frågan12 nov. 2005 22:21#1

Hej. Jag har precis lagt upp ipsab.se, en väldigt enkel sida gjort med minimal kod och där allt sköts via StyleSheets. Dock har jag fått problem med Doctype.

När jag t ex lägger in doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> eller någon liknande (jag har prövat med flera) så visas inte längre den mörkgrå bordern högst upp ovanför menyn, detta i IE6, FF fungerar bra.

Varför blir det så? Känns ju larvigt att skippa Doctype bara för att det blir ett sånt här litet tokfel. Vore toppen om jag fick hjälp att lösa det. Tack tack!

zcorpanMedlem sedan dec. 20042 245 inlägg

12 nov. 2005 22:33#2

Du kan inte visa lite kod eller ännu bättre länka till sidan?

nannesonMedlem sedan nov. 200234 inlägg

12 nov. 2005 22:35#3

Ah, jag trodde länkar länkades automatiskt, jag prövar igen: "www.ipsab.se "

När jag lägger denna kod i filen visas inte längre den border-top som är över huvudmenyn. Gäller främst Internet Explorer version 6. Firefox går bra.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

zcorpanMedlem sedan dec. 20042 245 inlägg

12 nov. 2005 22:42#4

På body, ändra margin och padding till

	margin: 20px 0 0;
	padding: 10px 0 0;

Hoppas det funkar. :)

MozfanMedlem sedan okt. 2005541 inlägg

12 nov. 2005 22:53#5

Lägg helst också en komplett doctype, där länken till dtd-filen finns med:

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

Då renderar sidan i standard mode i alla webbläsare. Utan länk blir det quirks mode.

zcorpanMedlem sedan dec. 20042 245 inlägg

12 nov. 2005 22:56#6

Mozfan skrev:

Lägg helst också en komplett doctype, där länken till dtd-filen finns med:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Den enda praktiska skillnaden är att IE5/Mac inte använder quirks mode, vilket om man bryr sig om den webbläsaren kan vara bra. Annars fungerar den kortare lika bra (dvs den triggar standards mode) i resten av webbläsarna. :)

nannesonMedlem sedan nov. 200234 inlägg

12 nov. 2005 23:02#7

Det verkar ju fungera bra. Pröva gärna själv en gång.

nannesonMedlem sedan nov. 200234 inlägg

12 nov. 2005 23:07#8

Men nä! Nu fungerar inte float:right i Safari eller Firefox. Ursh!

zcorpanMedlem sedan dec. 20042 245 inlägg

12 nov. 2005 23:11#9

Det ser ut att funka. :)

PS. Borde det inte vara

<a href="/"><img src="/logo" id="logo" alt="IPS"></a>

...?

zcorpanMedlem sedan dec. 20042 245 inlägg

12 nov. 2005 23:12#10

nanneson skrev:

Men nä! Nu fungerar inte float:right i Safari eller Firefox. Ursh!

Vad är det som inte funkar?

nannesonMedlem sedan nov. 200234 inlägg

12 nov. 2005 23:17#11

Texten kommer nedanför vänstermenyn i alla webbläsare jag kan hitta.
Se: http://ipsab.se/services

MozfanMedlem sedan okt. 2005541 inlägg

12 nov. 2005 23:33#12

nanneson skrev:

Texten kommer nedanför vänstermenyn i alla webbläsare jag kan hitta. Se: http://ipsab.se/services

Kasta om ordningsföljden för submeny- och text.div'arna, dvs <div id="text"> direkt under div id="content"> och före <div id="submenu">
Eller lägg float:left på submeny-div'en och inget på text-div'en.
Det första vet jag fungerar :)

nannesonMedlem sedan nov. 200234 inlägg

12 nov. 2005 23:34#13

Okej, det löste sig med en extra float:left på vänstermenyn, men IE 5.2 på Mac har fortfarande problemet att texten hamnar under menyn. Men den webbläsaren kanske inte har några användare? Hmmm...

icaaqMedlem sedan okt. 20005 273 inlägg

13 nov. 2005 08:08#14

Om man har en mac med OS 9 så använder man nog den. Om man inte har någon netscape version vill säga.

mv icaaq

nannesonMedlem sedan nov. 200234 inlägg

13 nov. 2005 10:04#15

Hör gärna av dig om du vet något sätt att lösa detta. Det verkar ju fungera på menyn högst upp på sidan. I annat fall vill jag bara tacka för all den hjälp jag fått. Jag har ju inte kunnat testa själv än, men det låter som det fungerar...