Je ziet als je onderaan kijkt dat als er een post komt met veel regels, hij opeens niet mee rekt, zoals ik wil dat hij dat doet...

Mijn html:


Mijn CSS:

Code:

.posttopic { 
border: 1px solid #9fd2f0; 
width:644px; 
min-height:200px; 
margin-left:6px; 
margin-top:10px; 
height:100%; 
} 
 
.postleft { 
width:120px; 
border-right:1px solid #d7f0ff; 
float:left; 
overflow:visible; 
} 
 
.postheaderleft { 
background: #ecf8ff; 
height:25px; 
} 
 
.postdatum { 
margin-left:6px; 
color:#868686; 
font: 10px Verdana, Arial, Helvetica, sans-serif 
} 
 
.poststarter { 
margin-left:6px; 
color:#868686; 
font: 10px Verdana, Arial, Helvetica, sans-serif; 
} 
 
.poststarter_mod { 
margin-left:6px; 
color:#42b1ff; 
font: 10px Verdana, Arial, Helvetica, sans-serif; 
} 
 
.poststarter_admin { 
margin-left:6px; 
color:#ff3434; 
font: 10px Verdana, Arial, Helvetica, sans-serif; 
} 
 
.poststarter a{ 
text-decoration:none; 
color:#868686; 
} 
 
.poststarter_mod a{ 
text-decoration:none; 
color:#42b1ff; 
} 
 
.poststarter_admin a{ 
text-decoration:none; 
color:#ff3434; 
} 
 
.postbewerk { 
margin-right:6px; 
}  
 
.postbewerk a{ 
margin-right:6px; 
color:#868686; 
font: 10px Verdana, Arial, Helvetica, sans-serif; 
}  
 
.postright { 
width:523px; 
float:right; 
height:auto; 
} 
 
.postheaderright { 
background: #ecf8ff; 
min-height:25px; 
height:100%; 
text-align:right; 
} 
 
.postcontentleft { 
border-right:1px solid #d7f0ff; 
min-height:165px; 
width:114px; 
float:left; 
margin-top:10px; 
margin-left:6px; 
font: 11px Verdana, Arial, Helvetica, sans-serif;  
} 
 
.postcontentleft img { 
margin-top:5px; 
} 
 
.postcontentright { 
width:523px; 
float:right; 
color:#868686; 
font: 10px Verdana, Arial, Helvetica, sans-serif;  
margin-top:10px; 
margin-right:-10px; 
margin-bottom:50px; 
height:100%; 
} 
 
.topicverwijder { 
height:100%; 
margin-right:15px; 
} 
 
.topicverwijder a{ 
float:right; 
color:#868686; 
font: 10px Verdana, Arial, Helvetica, sans-serif; 
border-top:1px solid #d7f0ff; 
} 
 
.signature { 
border-top:1px solid #ffd4d4; 
width:507px; 
height:50px; 
margin-top:20px; 
padding-top:10px; 
color:#b7b7b7; 
}

Wie ziet de fout? In IE7 ziet het er redelijk uit (behalve dan die border in het midden :@) maar in Firefox is de hele boel verschoven.

Pak ik het misschien verkeerd aan met die div's? Waar zit de fout..??

Alvast bedankt!

als je em nou eens geen height meegeeft ? (postcontentright)

in IE6 ziet hij erook fucked up uit.

Waaorm een tabel met divs willen maken ? Vind ik wel iets teveel van 't goeie eigenlijk.

Ik ga vandaag eff al die div's opnieuw opbouwen, ik ga een iets andere structuur proberen. Tja, ik heb alles in div's gemaakt en ik vind dat dan wel netjes als dit ook mooi in div's kan. Is toch niet onmogelijk?

Het is makkelijker en overzichtelijker om dit soort data in een tabel te zetten. Hier zijn ze immers voor gemaakt.

Het feit dat je in divisions kan coderen betekend nog niet dat alles in divisions moet.

Hmm, ok. In tabellen is het zo gefixt hehe :P daar is het heel makkelijk. Ik zit nu te overwegen of ik dus ipv in div's dat moet maken in tabellen (alleen dat forum dan).

Het zou me 'netjes' lijken als je dan namelijk de hele site in div's hebt, aangezien alles nu in divs zit.

Ja maar ge gaat waarschijnlijk meer code nodig hebben om je tabel met divs te maken, dan met een tabel zelf ... wat is dan het nut om alles in divs te doen ?

En hij is al gefixt ;) In divs :)