CSS Border probleem

[Verwijderd]

Hee mensen,

Ik ben nu alweer een tijdje bezig in de wereld van het designen etc van websites, maar ik heb nu een probleem waar ik echt niet uit kom. Ik heb een website in elkaar gezet, echter werkte vanuit een extern css script ' border-collapse: collapse' niet wanneer ik hem in een <td> zet. Het leek of de collapse genegeerd werd, en de waar twee <td>'s elkaar raakten kreeg je een border van 2px in plaats van 1px.
Toen heb ik de ' border-collapse: collapse' uit de <td> gehaald, en in de <table> gezet. Toen werkte het wel, echter ben ik nu de rechter border kwijt. Dit gebeurt enkel bij de volgende <td>

code:

/* Content td titel 3 border */
td.contenttitelborder3{
background: #E1EEF6;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
color: #4092BF;
line-height : 14px;
vertical-align: top;
overflow : auto;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border-collapse: collapse;
border-style: solid;
border-width: 1px;
border-color: #59A1C8;
}

Echter is het rare, dat op de ene pagina de rechterborder bij ' class=" contenttitelborder3"' wel weergegeven wordt, en bij een andere pagina weer niet. Ik zie echter geen verschil in opmaak van deze verschillende pagina's/tabellen.
wie weet hier een oplossing voor, en kijk ik gewoon ergens overheen.

BTW dit is de tabel aar het in staat ' class="content"'

code:

/* Content tabel */
table.content{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
color: #4092BF;
line-height : 14px;
vertical-align: top;
overflow : auto;
width: 90%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

[André]

Heb je misschien iets online staan, want ik vermoedt dat je tegen renderbug aanloopt als hij op willekeurige pagina's er wel staat en op andere niet.

[Verwijderd]

ja ik heb de site al grotendeels online staan. surf ff rond, dan zie je dat de ene keer wel de rechterborder zichtbaar is en de andere keer niet.

klik hier

als je links op 'contact' klikt zie je dat de rechterborder wel zichtbaar is.

[André]

En als je de overflow: auto eens van je tabel haalt?

[YopY]

Ik zie de rechterborder op elke pagina, nergens mist hij. Ik gebruik Firefox, misschien een IE rendering bug?

[Verwijderd]

Hahaha tjonge, dat bedoel ik nou!
hartstikke bedankt, ik heb uren lopen staren naar dit beeldscherm, maar keek er overheen.

thnkx!

[Verwijderd]

hmmm ik heb te vroeg gejuigt.
Ik had een oude css online staan waar ik de border-collapse nog in de <td> had staan.
Toen gaf ie wel de rechterborder weer bij 'contenttitelborder3' Maar nu ik de border-collapse:collapse in <table> heb gezet is de rechterborder weer weg. En ik heb overflow: auto ook weggehaald, dus dat was het probleem niet.

Ik heb nu het volgende:

code:

/* Content tabel */
table.content{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
color: #4092BF;
line-height : 14px;
vertical-align: top;
width: 90%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-collapse: collapse;
}


/* Content td titel 3 border */
td.contenttitelborder3{
background: #E1EEF6;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
color: #4092BF;
line-height : 14px;
vertical-align: top;
overflow : auto;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border-style: solid;
border-width: 1px;
border-color: #59A1C8;
}

PS, in firefox zijn de borders wel goed zichtbaar, alleen zijn er andere problemen, maar dat zijn schoonheidsfoutjes, die ik nog moet oplossen. dus dit is echt een IE probleem

[ Voor 67% gewijzigd door Verwijderd op 19-12-2005 22:51 ]

[André]

En waarom haal je die border-collapse niet helemaal weg? Als ik die lokaal weghaal doet alles het prima.

Edit 1:
Of zet een border-right: 1px solid #59A1C8; bij je table.content in

Edit 2:
En bij nader inzien, haal de colspan="2" eens van je bovenste cel

[ Voor 52% gewijzigd door André op 19-12-2005 23:05 ]

[Verwijderd]

Wanneer ik de border collapse weghaal, dan krijg ik dubbele borders. Dus borders van 2px ipv 1px.

edit1: Hee geweldig! dat was het probleem en nu weet ik het zeker dus ik juich gewoon opnieuw.
bedankt voor je hulp! ik zat het probleem dus op verkeerde plek te zoeken.

[ Voor 48% gewijzigd door Verwijderd op 19-12-2005 23:09 ]

[ZeilDude]

Verwijderd schreef op maandag 19 december 2005 @ 22:28:
(...)Ik ben nu alweer een tijdje bezig in de wereld van het designen etc van websites(...)

Ok, waarom probeer je vanaf nu (deze site dus) je websites niet eens zonder tabellen te maken? Ik weet het, in het begin zie je de voordelen niet en is het een beetje 'eng' om je oude vertrouwde tabellen los te laten, maar al snel wil je niet anders.

[Verwijderd]

Waarmee moet ik mijn tabellen dan vervangen?
Mis ik hier iets?

[Verwijderd]

Verwijderd schreef op dinsdag 20 december 2005 @ 21:52:
Waarmee moet ik mijn tabellen dan vervangen?
Mis ik hier iets?

ZeilDude doelt op CSS based layouts en het scheiden tussen opmaak en content.
Er is genoeg over te lezen.