PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
L

[CSS] breedte van page

Door Lissy Pixel op 14-03-2006 15:42
4.554 views
#container {
margin: 0px auto;
width: 1023px;
}

Dit staat er nu en zo breed zijn ook de plaatjes.
Nu krijg ik onderin dus horizontaal een scrollbar en dit had ik liever niet.
Zelf heb ik al de width aangpast naar 900px en idd de scrollbar was weg maar aan de zijkant kreeg ik witte vlakken en dit is niet de bedoeling.

Hoe kan ik dit oplossen dat de scrollbar weg is en de achtergrond niet wit?
L
Lissy Pixel
14-03-2006 16:18
@ Sebastiaan : Ik heb gekeken met IE en Firefox en beide zijn voor mij OK. Meer browsers heb ik niet.
R
Renske
14-03-2006 16:24 gewijzigd op 14-03-2006 16:29
Hej lizzy, wat lost ook niet je scrollprobleem op, maar je background probleem. Ik surf namelijk 1 resolutie hoger dan 1024 en krijg die balken ook te zien. Snap je?

lissy schreef op 14.03.2006 16:01
[quote=Sebastiaan schreef op 14.03.2006 15:47]Width: 100% ?

@Jason: Dan bedoel je overflow-x: hidden;


Waar zet ik dit in mijn CSS neer?

De site kan je HIER vinden.

@ Renske : ik heb juist als width: 1023px neergezet met de reden zoals jij dit aangeeft en dan krijg ik dus die scrollbar?

Edit: wat vergeten[/quote]
R
Renske
14-03-2006 16:25
oef, ik keek had idd niet gedacht aan de arme landen en dacht iets te westers.

Eris schreef op 14.03.2006 16:02
20% van alle gebruikers gebruikt nog 800*600

Hoogst waarschijnlijk voornamelijk de wat arme landen
http://www.w3schools.com/browsers/browsers_stats.asp
L
Lissy Pixel
14-03-2006 16:29
Renske schreef op 14.03.2006 16:24
Hej lizzy, wat lost ook niet je scrollprobleem op, maar je background probleem. Ik surf namelijk 1 resolutie hoger dan 1024 en krijg die balken ook te zien. Snap je?

[quote=lissy schreef op 14.03.2006 16:01][quote=Sebastiaan schreef op 14.03.2006 15:47]Width: 100% ?

@Jason: Dan bedoel je overflow-x: hidden;


Waar zet ik dit in mijn CSS neer?

De site kan je HIER vinden.

@ Renske : ik heb juist als width: 1023px neergezet met de reden zoals jij dit aangeeft en dan krijg ik dus die scrollbar?

Edit: wat vergeten[/quote]
[/quote]


Ehhh nee ik snap het niet wat/waar moet ik nu doen om voor de breedte geen scrollbar te krijgen?
Willem Jan Z
14-03-2006 16:35
Ik zie geen scrollbar, maar wel witte randen.
Heb namelijk een resolutie van 1200x1024.

Maar zoals Sebas al zei: overflow-x: hidden;
In je body zou ik hem dan zetten.

body {
overflow-x: hidden;
}
?
Onbekende gebruiker
14-03-2006 16:43
Willem-Jan schreef op 14.03.2006 16:35
Ik zie geen scrollbar, maar wel witte randen.
Heb namelijk een resolutie van 1200x1024.

Maar zoals Sebas al zei: overflow-x: hidden;
In je body zou ik hem dan zetten.

body {
overflow-x: hidden;
}
Zelfde resolutie, twee witte balken aan de zijkant.
R
Renske
14-03-2006 16:44
-> bepaal je minimale resolutie (in het geval van 800 x 600 is de breedte 780, 1024 ca 900px *ff testen* , je kan ook breedte in % doen bv)
-> zet in je body style de background die moet repeaten (dus niet in je container)

thats it
?
Onbekende gebruiker
14-03-2006 17:02
En houdt je layout zoveel mogelijk liquid door met de voorgenoemde procenten te werken.
L
Lissy Pixel
14-03-2006 18:29
Helder deze uitleg!
In mijn CSS staat dit:

* {
margin: 0px;
padding: 0px;
}

Het sterretje * staat dit voor body?
K
Kalle P
14-03-2006 18:49 gewijzigd op 14-03-2006 18:53
Voor alles

edit:
Wat ik altijd doe is dit:

#container{ /* Geef hier het id van je div die overal om heen staat, Je grootste dus, waar je mee begint en eindigt */
overflow-x: hidden;
overflow-y: auto;
}


maar met de breedte van jou layout, zal dit vervelend worden bij mensen die nog een resolutie gebruiken van 600*800, dus dan gewoon overflow: auto;

Reageren

Inloggen om te reageren