login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div borders

Offline Tuinstoel - 27/12/2006 13:12
Avatar van TuinstoelPHP expert Ik heb een website waarbij div layers tegen elkaar aan staan, maar de ene layer is langer dan de andere, en ik wil geen border hebben van 2 pixels breed. Dus 1 v/d 2 layers een border-left of border-right meegeven werkt niet, want dan heb je alsnog een stuk wat eventueel geen border heeft en dat staat niet zo mooi.

Ik heb d.m.v. van position: absolute; de vakken overlaten lopen, maar toen kwam ik tot de conclusie dat dit weer een grandioos verschil oplevert in IE en FF. Mijn website is gecentreerd, dus ik heb hem naar de linkerkant gedaan, en zo is dat verschil weg gewerkt. Maar dan treedt het volgende probleem op, de onderkant (incl. border) wordt niet goed weergegeven, terwijl ik daar nog wel graag een lege ruimte van 10px hoog had willen zien.

Hoe laat ik de borders dus correct verlopen, zie http://www.mvv69.nl/ind.php?mvv=accommodatie.

En voor de bottom ruimte zie http://83.118.105.33/v2/?mvv=accommodatie

9 antwoorden

Gesponsorde links
Offline Kr4nKz1n - 27/12/2006 13:20
Avatar van Kr4nKz1n Onbekend Je kan het menu bijv. geen border-right geven en de content wel!
Offline vinTage - 27/12/2006 13:21
Avatar van vinTage Nieuw lid border-collapse:collapse;

probeer dat eens
Offline Tuinstoel - 27/12/2006 13:38 (laatste wijziging 27/12/2006 13:41)
Avatar van Tuinstoel PHP expert @Krankzin: Ja en wat nou als de content lager is dan het menu... Heb je nog steeds geen border.

@jvriet: Hoe moet je dat precies toepassen?
Offline Thomas - 27/12/2006 13:40
Avatar van Thomas Moderator Kun je niet gewoon met margins werken? :]
Dat is het enige dat hetzelfde "reageert" in zowel IE als FF bij mijn weten.
Offline Kr4nKz1n - 27/12/2006 13:46 (laatste wijziging 27/12/2006 13:46)
Avatar van Kr4nKz1n Onbekend
Citaat:
Tuinstoel
@Krankzin: Ja en wat nou als de content lager is dan het menu... Heb je nog steeds geen border.
Grapje 

Even niet bij na gedacht.
Offline Tuinstoel - 27/12/2006 13:48
Avatar van Tuinstoel PHP expert Ik heb de methode van FangorN min of meer (denk ik) toegepast, en dat werkt wat betreft de borders. Nu alleen de onderkant nog, met het menu als die de langste is. Maar daar moet vast wel een oplossing voor te bedenken zijn. In ieder geval allen bedankt.
Offline timo - 27/12/2006 13:50 (laatste wijziging 27/12/2006 13:50)
Avatar van timo PHP ver gevorderde padding-bottom: 10px; heb je aan onderkant van content altijd 10px naar boven..

oh lama dat bedoelde je niet:P
Offline vinTage - 27/12/2006 14:16
Avatar van vinTage Nieuw lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. #een {
  3. position:absolute;
  4. border-collapse:collapse;
  5. border-style:solid;
  6. border-width:1px;
  7. }
  8.  
  9. #twee {
  10. float:left;
  11. border-style:solid;
  12. border-width:1px;
  13. }
  14. </style>
  15.  
  16. <div id="een">aap<br />noot<br />mies</div>
  17. <div id="twee">aap noot  mies</div>


Stom voorbeeldje, maar je ziet wel dat er bij beide divs een broder staat, en toch blijft die maar een px.
Offline Thomas - 27/12/2006 14:18
Avatar van Thomas Moderator Hint: je kunt je body-tag ook een margin geven .
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s