[CSS] Waarom niet in het midden?

Gestart doorRobertt33 reacties49 weergaven

34 berichten · pagina 2 van 3

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
je moet dan ook nog dit in je css zetten:
html, body {
height: 100%;
}
0
Berichten
515
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Marjolein schreef:
je moet dan ook nog dit in je css zetten:
html, body {
height: 100%;
}
indd wou ik ook net zegge xD
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dat werkt wel ja maar nu sluit hij boven aan niet aan?
Afbeelding
0
Berichten
515
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
in de css van body, html {

een margin: 0;
neerzetten
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Werkt bedankt iedereen:

Oplossing

body {
    background-color: #ABCDEF;
    font-family: Verdana;
    font-size: 11px;
}
#clear {
    clear: both;
}
html, body {
height: 100%;
margin: 0;
}

#content {
    background-color:#fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-box-shadow: 3px 2px 3px #000000;
    height: 100%;
    margin: 0px auto;
    width: 900px;
}
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
fijn dat het gelukt is, nu weet ik ook dat die 100% ook echt werkt. IK had het zelf nooit geprobeerd nl, dus zelfs ik heb weer wat geleerd wink
0
Berichten
262
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
height 100& werkt niet met ei6 zekker niet. wordt die gelukkig niet door veel mensen meer gebruikt.
al hoewel er nog steeds bedrijven zijn die hem wel gebruiken.shutup
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
lees de oplossing hierover via de link op de vorige pagina:

Quote:
This solution will work for IE7, Firefox, Opera and Safari but what about the troublesome IE6 browser which doesn¡¯t support min-height?
IE6

It¡¯s a simple solution and one that can be used with most min-height problems. Internet Explorer 6 treats the height value as min-height and will therefore sit nicely at 100% normally but will also behave as all the other browsers do when the content expands out of this area so we can use the star selector hack to target IE6 with the following style.

* html #container {
height: 100%;
}
0
Berichten
262
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
das jammer marjolien maar werkt niethypocrite
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Simon schreef:
das jammer marjolien maar werkt niethypocrite
heb jij IE6 dan en heb je het getest?
0
Berichten
262
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
jep net gedaan
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nog klein vraagje bloosWaarin sluit
#balk {
background-image:url(img/balk.png);
height: 30px;
width: 1100px;
color: #fff;
}
niet aan op de bovenliggende div?
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
margin:0; toevoegen?
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Werkt niet:
Afbeelding
Klik er op zie je het beter
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
de height van je bovenliggende div kleiner maken?
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren