Tijden veranderen
div float in de knoop
( logo - gegevens - reclame ) deze staan naast elkaar via een float left
daaronder moeten 2 andere div's
( menu - hoofdvenster ) deze moeten ook naaste elkaar maar in de plaats van eronder komen die naast de div reclame te staan en dat is niet de bedoeling.
Hoe kan ik dat oplossen?
ps. ik heb al gekeken met firebug maar ik kan geen oplossing vinden
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div></div>
<div></div>
<div></div>
<br clear="all" />
<div></div>
<div></div>
<div></div>
<div></div>
<br clear="all" />
<div></div>
<div></div>
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<div id="container_1">
<div id="logo"></div>
<div id="gegevens"></div>
<div id="reclame"></div>
</div>
<div id="container_2">
<div id="andere_1"></div>
<div is="andere_2"></div>
</div>
<div id="logo"></div>
<div id="gegevens"></div>
<div id="reclame"></div>
</div>
<div id="container_2">
<div id="andere_1"></div>
<div is="andere_2"></div>
</div>
Het is hierbij handig om container_2 de CSS clear:both; mee te geven
Gewijzigd op 01/11/2011 13:21:54 door Tobias Tobias
@ozzie, naar mijn weten is het clear: both; en niet all. Verder is ook deze inline CSS niet goed om te gebruiken.
Gewijzigd op 01/11/2011 14:41:07 door Wouter J
ps. kan ik css laten rekenen
dus
menu (andere_1 )is 250 px
kan ik dan hoofdvenster (andere_2) width 100% - 250px
Php knipper op 01/11/2011 16:21:30:
ps. kan ik css laten rekenen
dus
menu (andere_1 )is 250 px
kan ik dan hoofdvenster (andere_2) width 100% - 250px
dus
menu (andere_1 )is 250 px
kan ik dan hoofdvenster (andere_2) width 100% - 250px
Heb je het zelf al geprobeerd?
#menu {
width;100%-250px;
}
werkt niet
kan het ook niet via php
php knipper op 01/11/2011 20:15:06:
maar javascript is toch niet meer aangeraden ( iedereen kan het uitzetten )
Juist tegenwoordig met frameworks als MooTools en jQuery is JavaScript razend populair aan het worden.
En waarom zou je het afraden? Cookies kun je ook uitzetten, CSS ook, dat gebruikt toch ook iedereen?
En ik durf je te zeggen dat 85% van de mensen die een gemiddelde site bezoeken niet eens weten wat JavaScript is. 10% weet niet hoe je het uit kan zetten en 5% wil het niet uitzetten omdat ze zelf developer zijn.
Ik bouw mijn websites voor IE 9, Chrome en FF. Zolang het maar enigszins redelijk lijkt in lagere IE-versies, doe ik er verder geen moeite meer voor (doet microsoft ook niet voor hun producten ;-)
Wat ik wil zeggen: Je kunt wel overal rekening mee houden, maar uiteindelijk moet je wat knopen doorhakken en kijken wat werkt in de meeste gevallen.
de rekensom ken ik wel 100% - 250 px
Toevoeging op 02/11/2011 09:30:50:
is het soms
<javascript>
$(function(){
var div_width = 100% - 250px;
$('div#container').width(div_width);
});
</javascript>
Gewijzigd op 02/11/2011 09:27:16 door php knipper