Foutieve Weergave in IE
Ik ben bezig met een website www.promootsite.nl
nu ben ik net even een beetje bezig met de lay-out en alles leek goed (ik ben bezig in chrome) toen keek ik even in Firefox, ook geen problemen,
maar nu doet Internet Explorer een beetje vaag..
Ik heb een Container waarin ik mijn Content en Footer heb staan,
die zijn beide 800px breed,
mijn container zorgt dat de Content en Footer in het midden staan,
en in de content staat een min-height:600px; (zodat de content nooit kleiner zou moeten zijn dan 600 pixels..)
Alleen in IE word de content en footer niet in het midden gezet,
en is de content 20px groot ofzo...
kan iemand me hiermee helpen?
zie hier de complete CSS
dit is volgens mij de meest relevante code..
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
#container {
margin-left:auto;
margin-right:auto;
width:800px;
}
#content{
background-color:#b5b4b4;
margin-top:48px;
width:800px;
min-height:600px;
height:auto;
}
margin-left:auto;
margin-right:auto;
width:800px;
}
#content{
background-color:#b5b4b4;
margin-top:48px;
width:800px;
min-height:600px;
height:auto;
}
Gewijzigd op 06/03/2011 19:48:40 door Jason van der Zeeuw
Code (php)
1
2
2
min-height:600px;
height:auto;
height:auto;
Die height: auto; moet daar weg.
Het eerste probleem weet ik niet zo snel te vinden.
bedankt alvast voor dat gedeelte!
Toevoeging op 06/03/2011 19:58:34:
@wouter J
ik heb het nu aangepast, maar zie geen verschil :(!
Code (php)
1
text-align: center;
En bij de content div dit:
Code (php)
1
2
2
text-align: left;
margin: 0 auto 0 auto;
margin: 0 auto 0 auto;
Werkt in alle browsors bekijk:
http://www.sceneone.nl/positionering/centreren.php
P.S.
Volgens mij moet IE een vaste maat heben geen auto of min-height maar height:600px;
Gewijzigd op 06/03/2011 21:46:51 door Joey Drieling
Joey Drieling op 06/03/2011 21:44:09:
Werkt in alle browsors bekijk:
http://www.sceneone.nl/positionering/centreren.php
http://www.sceneone.nl/positionering/centreren.php
Dit werkt toch niet goed, verklein je browser maar eens. Dan is linksboven weg. Betere methode hiervoor: http://d-graff.de/fricca/iemac-center.css
En IE6 accepteert min-height inderdaad alleen op td's.
Wat bedoel jij met dan is links boven weg? Wandt bij mij doet hij het goed in alle browsers in welke groote dan ook.
Maar de manier die daar beschreven is heeft de TS al gebruikt.
maar ik moet wel met min-height:600px; werken
want ik wil dat de hoogte aangepast word na aanleiding van de tekst die erin staat,
dus de content div moet meegroeien...
Toevoeging op 07/03/2011 08:57:48:
het centreren is gelukt, ik heb in plaats van in de body een ander divje eromheen gezet met text-align:center; omdat ik niet alles gecentreerd wil, dat gedeelte werkt nu...
maar ik werk altijd met min-heigth:
zodat de hoogte meegroeit, als er meer tekst in komt te staan..
ik snap niet waarom het bij deze site niet werkt in IE..?
Toevoeging op 07/03/2011 09:44:10:
Ik heb al een IE hack gevonden voor min-height,
linkje
Code (php)
1
2
3
2
3
min-height:500px;
height:auto !important;
height:500px;
height:auto !important;
height:500px;
bedankt voor al jullie hulp!