CSS
Mijn vraag is hoe ik een border om mijn site krijg, terwijl ik 'm ook nog eens centreer.
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
#site {
border: 1px solid #000000;
margin: auto;
//height: 100%;
width: 800px;
min-height: 100px;
}
border: 1px solid #000000;
margin: auto;
//height: 100%;
width: 800px;
min-height: 100px;
}
Als ik deze neem, dan loopt die border in FF maar door tot de 100px. In IE gaat het wel goed. Hoe kan ik ervoor zorgen dat dit ook werkt in FF? Of is er iets anders wat er in de css kan waardoor het wel goed gaat in FF?
Groet
Gewijzigd op 01/01/1970 01:00:00 door Pieter Jansen
Kan ik eens even een voorbeeldje zien? Want snap niet echt wat er mis loopt
Pagina:
<div id="site">
{NOG MEER DIVJES ENZ.}
</div>
Nou is het de bedoeling dat er een border om de site komt, dus vandaar:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
#site {
border: 1px solid #000000; {ZORGT VOOR BORDER}
margin: auto; {ZORGT DAT DE SITE IN MIDDEN KOMT}
//height: 100%; {HOOGTE}
width: 800px; {BREEDTE}
min-height: 100px; {MINIMALE HOOGTE}
}
border: 1px solid #000000; {ZORGT VOOR BORDER}
margin: auto; {ZORGT DAT DE SITE IN MIDDEN KOMT}
//height: 100%; {HOOGTE}
width: 800px; {BREEDTE}
min-height: 100px; {MINIMALE HOOGTE}
}
De site komt dus in het midden te staan, en de border hoort er omheen te komen. Helaas komt in FF de border maar tot 100px hoogte. Dus FF ziet de hoogte als 100px. In IE komt de border wel om de hele site heen.
Het is handiger als je ergens een voorbeeldje online gooit. En {} zijn in CSS en in HTML geen comments. In CSS is dat /* */, en in HTML <!-- -->
Ja dat weet ik, heb ik ook niet in mijn CSS gedaan. Alleen om hier even uit te leggen wat het allemaal is. Kan nu ff snel geen voorbeeld online gooien. Kun je niet even uitleggen wat je niet snapt? :)
Laat maar, het is al gelukt :)
Roy schreef op 06.08.2008 10:55:
Ik weet het, dit heeft totaal niets met PHP te maken, en wist niet waar ik het neer moest zetten. ...
Hier bv. http://phphulp.nl/forum/listtopics.php?cat=5