CSS

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Pieter Jansen

Pieter Jansen

06/08/2008 10:55:00
Quote Anchor link
Ik weet het, dit heeft totaal niets met PHP te maken, en wist niet waar ik het neer moest zetten.

Mijn vraag is hoe ik een border om mijn site krijg, terwijl ik 'm ook nog eens centreer.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
#site {
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
 
PHP hulp

PHP hulp

05/12/2024 03:14:11
 
Pieter Jansen

Pieter Jansen

06/08/2008 12:00:00
Quote Anchor link
oke :)
Niet Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de Afbeelding knop om je tekst aan te passen.

SanThe.
Gewijzigd op 01/01/1970 01:00:00 door Pieter Jansen
 
Mr.Moe

Mr.Moe

06/08/2008 12:20:00
Quote Anchor link
Kan ik eens even een voorbeeldje zien? Want snap niet echt wat er mis loopt
 
Pieter Jansen

Pieter Jansen

06/08/2008 13:00:00
Quote Anchor link
Voorbeeld:

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)
PHP script in nieuw venster Selecteer het PHP script
1
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}
}


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.
 
Douwe

Douwe

06/08/2008 13:02:00
Quote Anchor link
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 <!-- -->
 
Pieter Jansen

Pieter Jansen

06/08/2008 13:15:00
Quote Anchor link
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? :)
 
Pieter Jansen

Pieter Jansen

06/08/2008 13:40:00
Quote Anchor link
Laat maar, het is al gelukt :)
 
Emmanuel Delay

Emmanuel Delay

06/08/2008 19:25:00
Quote Anchor link
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
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.