aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

Twee divjes met auto height

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

Twee divjes met auto height

Berichtdoor Psyed » 18 maart 2007 16:26

Hey mensen,

Ik probeer op een website twee divjes die naast elkaar staan op de zelfde lengte te krijgen, om beide divjes heen zit nog een groeperende div.

Ik heb dit netjes werkend in IE, maar in FF en Opera werkt het niet.

Dit is mijn CSS (Ben geen designer, doe normaal alleen programmeerwerk), tenminste, de belangrijke dingen:

.top = groepeering van alles wat in de top heading moet komen.
.bottom = de class voor content
.contentRight = de contentarea zelf (height gaat goed)
.rightShut = afsluitende image voor content
.imageBarLeft = de linker balk met afbeeldingen (sfeer)
.leftShut = afsluitende image voor de afbeeldingenbalk.

Ik hoop dat iemand me kan helpen atm.

Code: Selecteer alles
.top {
   width: 924px;
   height:279px;
}
.bottom {
   width:924px;
   background-color: #FF6600;
}
.contentRight {
   background-color: #BAB8E9;
   width: 554px;
   float:right;
   height:auto;
   padding-top: 20px;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-left: 30px;
   min-height: 42px;
}
.rightShut {
   background-image:url(../../graphics/footer_blauw.gif);
   background-repeat:no-repeat;
   float:right;
   width:594px;
   position:inherit;
   margin-bottom:10px;
   padding-bottom:10px;
}
.imageBarLeft {
   width:330px;
   background-color:#FF6600;
   float:left;
}
.leftShut {
   background-image:url(../../graphics/footer_oranje.gif);
   background-repeat:no-repeat;
   width:330px;
   float:left;
   position:inherit;
   margin-bottom:10px;
   padding-bottom:10px;
}
.imageBarLeft .images {
   border:0px;
   background-color: #FF6600;
   margin: 0px;
   padding: 0px;
   width: 110px;
}


Grts
Psyed
wmpr
 
Berichten: 1
Geregistreerd: 18 maart 2007 16:18

Re: Twee divjes met auto height

Berichtdoor Rik » 18 maart 2007 16:27

Kan niet, niet op een normale manier.
Je zal een achtergrond voor de div om de 2 heen moeten maken die ervoor zorg dat 't goed uitziet.
Hier vind je er meer over: http://alistapart.com/articles/fauxcolumns/
Avatar gebruiker
Rik
wmpr
 
Berichten: 1576
Geregistreerd: 11 jun 2005 17:59


Keer terug naar HTML, CSS, Javascript



cron