Divs meereken

Hee,

Ik heb nu 2 divs naast elkaar gezet met behlp van Float: left.

Alleen de linker kant is nu veel langer in de lengte dan de rechter div. Hoe zet je ze gelijk, zodat ze met elkaar meerekken?

alvast bedankt!

50% width geven?

Faux column. Maar dan moet het een afbeelding zijn

het zijn gewoon 2 divs 1 voor het menu dat al gevuld is, en 1 voor tekst/images enz.
Ik krijg het maar niet voor elkaar

Of je moet ze allebei min-height geven

hoe bedoel je?

Derksen schreef:

het zijn gewoon 2 divs 1 voor het menu dat al gevuld is, en 1 voor tekst/images enz.
Ik krijg het maar niet voor elkaarals het goed is heb je een div content, als je daar een afbeelding voor maak met aan de linkerkant het blauwe gedeelte, dan een stuk wit en dan het randje blauw en die afbeelding zet je dan bij content neer met background. Dan verwijder je de background uit links en midden, en klaar

Shahiem schreef:

Of je moet ze allebei min-height geven

Dat gaat ook niet werken, als 1 gedeelte dan hoger is dan de min-height zit je weer met hetzelfde probleem, dan moet je iedere keer je css aanpassen.

Wait wut ik snap er niks meer van
Ik heb nu zeg maar dit:

Ik wil graag dat het witte vlak meerekt met het blauwe vak links. Niet dat het witte vlak zich aanpast aan de tekst die erin staat, wat hij nu dus doet
dit is mijn .html:

Spoiler tonen

Heerenveen Nieuws

en mijn .css:

Spoiler tonen

@charset "utf-8";
/* CSS Document */

body { height: 100%; margin: 0; padding: 0; background:#82accf; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:900px; margin:0 auto;}

#header {background: url(header.png); width: 900px; height: 160px; margin: 0;}

#menu {background: url(menu.png); width: 900px; height: 20px; margin: 0;}
#menuitems {text-align: center; padding-top: 5px;}
#menuitems a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
#menuitems a:hover { color: #f72d2d;}
#div1 {background-color: #2b5cfd; width:200px; height:auto; margin: 0; text-align:center; padding-top: 5px; float:left}
#div1 a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
#div1 a:hover { color: #f72d2d;}

#div2 {background-color: #FFFFFF; width:700px; height:auto; margin: 0; text-align:center; padding-top: 5px; float:left}
#div2 a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
#div2 a:hover { color: #f72d2d;}

Maak van dat blauwe en witte is een printscreen, en dan maak je dat tot 1 geheel plaatje.

in een ander topic had ik je een code gegeven om die 2 vakken naast elkaar te zetten maar blijkbaar heb je zelf weer wat zitten veranderen. Ik wil je best helpen maar dan moet je het wel laten staan zoals ik aangeef...

Dus maak eerst een afbeelding van dat blauwe stuk met het witte stuk, dus van links naar rechts. Zorg dat dit precies 900px breed is de hoogte maakt niet uit, dat kan zo klein mogelijk want dat laten we toch steeds herhalen. Als je dat heb dan geef je maar een seintje, dan gaan we daarmee verder.

^ ik ben niet goed met html maar wat jullie zeggen lijkt mij niet de beste oplossing. Zet bijde divs in een container en zorg dat ze dezelfde hoogte krijgen als die container en klaar?

Alemaalte schreef:

^ ik ben niet goed met html maar wat jullie zeggen lijkt mij niet de beste oplossing. Zet bijde divs in een container en zorg dat ze dezelfde hoogte krijgen als die container en klaar?

Juist wel. Faux column is eigenlijk een goede optie. Als ze dezelfde hoogte hebben kunnen ze tot een bepaalde lengte niet meer vergroot worden.

Je kunt toch ook gewoon de container wit maken en de rechter geen kleur, als je je menu dan ook in de content hebt wordt het witte ook automatisch meegerekt.
Probleem dan is alleen dat het blauwe niet meer meerekt met het witte.

Je kunt het ook gewoon oplossen zoals shahiem en ik uitleggen dan heb je het precies zoals je wilt

Ik was even weg maar marjolein, ik moet dus een plaatje maken van 900px breed en dan met mijn menu links en mijn witte stuk rechts zoals je ook op de prt screen ziet?

want die heb ik dan bij deze gemaakt