Problem med nästade div-taggar i Mozilla Firefox

8 svar · 392 visningar · startad av submiss 2 apr. 2005

submissMedlem sedan apr. 20053 inlägg

Frågan2 apr. 2005 19:57#1

(Hoppas att det hör hemma här)

Jag undrar om någon mer har haft problem med nästade div-taggar i Firefox. På http://submiss.net/argh.html finns bilder som ganska så tydligt visar mitt bekymmer - den div som allt innehåll läggs i (grå) slutar omedelbart efter rubrik nr 2 på varje sida. Det känns lite skumt. Tack och lov är sidan läsbar ändå, men det stör mig att jag inte kan hitta felet. Jag är inte speciellt bra på Firefox (använder Opera själv) men vill gärna att submiss.net ska funka korrekt i IE, Opera och Firefox eftersom jag har fått för mig att det är de tre vanligaste webbläsarna.

Jag är medveten om att det är en vag fråga (vet ju inte ens om det beror på mina div-taggar) men jag hoppas att någon annan snabbt kan hitta felet.

Tack på förhand!

Heléne

tydalMedlem sedan juni 20034 013 inlägg

2 apr. 2005 20:23#2

Ta bort float: left; på content-div:en.

tydalMedlem sedan juni 20034 013 inlägg

2 apr. 2005 20:30#3

Hmm... hej förresten! Tycker namnet låter bekant. Du var väl med i Fidonet förut? Jag hade för övrigt besök av en annan från Fidonet förra helgen, Peter Karlsson. Han jobbar ju på Opera. Tyvärr använder jag själv mest Firefox.

submissMedlem sedan apr. 20053 inlägg

3 apr. 2005 07:18#4

Tack tydal, nu funkar det! Och visst var jag med i Fidonet "förr i tiden". :-)

submissMedlem sedan apr. 20053 inlägg

3 apr. 2005 07:39#5

Får skicka ett till och berätta att när jag var lite väl snabb... Problemet i ff är löst, men det orsakade mängder av problem i Opera och IE. Så, tills jag har listat ut hur jag ska skriva om koden för att få alla nöjda och glada så kör jag på det som ser bra ut i min webbläsare (Opera) och mannens (IE). Firefox får vänta. :-(

hypatiaMedlem sedan feb. 20016 388 inlägg

3 apr. 2005 08:05#6

Det är ju jättesvårt att säga utan att se din kod, men när jag fick problem med divarna, som såg ut som ditt problem, var det här min lösning:
http://www.webforum.nu/showthread.php?s=&postid=961078#post961078

tydalMedlem sedan juni 20034 013 inlägg

3 apr. 2005 10:07#7

Ja, jag tror till och med du var point hos mig ett tag...

Men åter till ditt problem. Kan du visa någon skärmdump på hur det blev i Opera och IE? För mig såg det okej ut när jag testade indexsidan efter ändringen i IE.

PalleMedlem sedan apr. 20003 174 inlägg

3 apr. 2005 17:12#8

Flyttad från Webbläsare.

mvh Palle
Moderator webForum

TinwëlintMedlem sedan maj 2004451 inlägg

3 apr. 2005 20:37#9

Tja, tips på hur man "clearar" floats finns här:

http://blog.visitkortet.com/css-faq/
Den länkar till dessa två sidor:

http://www.positioniseverything.net/easyclearing.html

http://www.sitepoint.com/blog-post-view?id=238086

Undrar vad den där "float: left;" på content ska vara bra för. Men en klassisk och enkel lösning är annars att bara sätta:

<br style="clear: both;" />

direkt efter content
alltså här (om jag kollade din nästling rätt):

http://cutephp.com/ -->  </div>
[B]<br style="clear: both;" />[/B] 
</div>
</body>
</html>

r: taggade dåligt