Ik ben ooit eens een poosje terug bezig geweest met templates voor phpbb. Ik wilde toen de borders rondom de tabellen van een post/message helemaal gesloten houden (dus ook bij layout verbreding zoals in onderstaande plaatje).

Ik heb toen een div rondom elke tabel gezet die met css met een margin van -1px naar boven wordt gezet. Als elke tabel van een post dan gewoon rondom een border van 1px krijgt, vallen de onderste border van de ene tabel en de bovenste van die daaronder precies over elkaar. Waardoor alle border rondom de tabellen gesloten blijven ook als de layout verbreedt wordt door middel van te brede plaatjes.
Bij mijn weten lukt het namelijk niet om een tabel op zich 1px omhoog te zetten, maar ik ben dan ook geen css goeroe
.
Is dit een goed toepasbare oplossing of gaat zo'n oplossing problemen geven in sommige browsers? Voor zover ik het heb getest werkt de oplossing goed in IE en Firebird/Mozilla.
Crisp ?

Ik heb toen een div rondom elke tabel gezet die met css met een margin van -1px naar boven wordt gezet. Als elke tabel van een post dan gewoon rondom een border van 1px krijgt, vallen de onderste border van de ene tabel en de bovenste van die daaronder precies over elkaar. Waardoor alle border rondom de tabellen gesloten blijven ook als de layout verbreedt wordt door middel van te brede plaatjes.
Bij mijn weten lukt het namelijk niet om een tabel op zich 1px omhoog te zetten, maar ik ben dan ook geen css goeroe
Cascading Stylesheet:
1
2
| div.message {margin-top: -1px;} table.message {border: 1px solid black;} |
HTML:
1
2
3
4
5
6
7
8
9
10
11
| <div class="message"> <table class="message"> hier de tabel van eerste message </table> </div> <div class="message"> <table class="message"> hier de tabel van message 2 </table> </div> ... |
Is dit een goed toepasbare oplossing of gaat zo'n oplossing problemen geven in sommige browsers? Voor zover ik het heb getest werkt de oplossing goed in IE en Firebird/Mozilla.
Crisp ?