CSS breedte probleem

Door Shakes op 28-04-2006 20:00

342 views

Hallo,

Ben bezig met een CSS lay-out. Uiteindelijk wil ik het zo maken dat iedere gebruiker zelf de lay-out kan inrichten maar voor ik dat ooit zal kunnen gaan maken zit ik met een probleem.

De breedte van de header en footer word geen 100% in Internet Explorer, in Firefox werkt alles correct.

http://www.kartfanatics.nl/testing/kartfanaticsv1/

Daar staat alle relevante code in de source - beter dan hier posten en dan kun je direct het probleem zien.

Alvast bedankt!

Davy Jansen

28-04-2006 20:08

Het probleem zit het in je css:

#header {
width: auto;
}

Zou denk ik dit moeten zijn:
#header {
width: 100%;
}

en anders met een vaste waarde, dat werkt altijd:
#header {
width: 600px;
}

Succes ;)

Shakes

28-04-2006 21:17

Chupskie schreef op 28.04.2006 20:08
Het probleem zit het in je css:

#header {
width: auto;
}

Zou denk ik dit moeten zijn:
#header {
width: 100%;
}

en anders met een vaste waarde, dat werkt altijd:
#header {
width: 600px;
}

Succes ;)

Bij width 100% loopt hij buiten het scherm, waarom weet ik niet (is nu ingesteld). Vaste width wil ik niet aangezien ik hem 'liquid' wil hebben.

Echter als het niet mogelijk is (wat ik betwijfel) kan ik hem nog altijd in content div zetten en dan enkel div links en rechts lager zetten/

Shakes

29-04-2006 01:17

Ik heb het niet opgelost maar mijn oplossing van hierboven gebruikt.

Ben nu aan het spelen met verschillende css styles. Begin er eindelijk een beetje van te snappen!

Jason de Ridder

29-04-2006 02:19

.footer {

background-color: #eee;

padding: 10px 10px 10px 10px;

width: 100%;

border:1px solid #C30C0C;

text-align: center;

}

#header {

position:absolute;

width:100%;

top:10px;

height: 120px;

background-color: #eee;

z-index:2;

text-align: center;

border:1px solid #C30C0C;
}

Reageren

Inloggen om te reageren