Beste SD'ers,

Ik ben zelf aan de slag gegaan met XHTML en CSS en ging dus een layout basen/slicen.
Nu heb ik het volgende probleem: Bij mij wordt alles goed weergegeven en bij de meeste ook alleen bij sommigen niet. Daar staat alles schots en scheef.

Kunnen jullie mij tips geven?
Alvast bedankt!

http://bit.ly/aYfVSl

Je werkt met positions en top/left etc. Dat is niet de ultieme manier om een HTML code op te bouwen. Probeer te werken met container divs en floats.

Kunt u een voorbeeld geven uit een stukje van de code hoe het anders zou kunnen?

Schematisch de opbouw, iedere naam staat voor een div:

Header
- Logo
- Menu
- - Menu item 1 (ul/li met float: left;)
- - Menu item 2
- - Menu item 3
Content
- Tekst (float)
- Sidebar (float)
Footer

Goed met float: left en paddings, margins etc werken dus

Probeer eens overflow:hidden; toe te voegen.
Dit helpt wel eens bij mij als ik problemen heb.

Heb nu overflow: hidden; toegevoegd.. is er al iets veranderd? Want dat zie ik namelijk zelf niet aangezien bij mij alles goed staat

Als je alleen al je scherm van je browser iets kleiner maak zie je al het verschil, voor jouw browser-grootte kan het wel goed zijn, voor kleinere browsers klopt het niet namelijk.

groeten Melvin

Ik ben bezig met een nieuwe layout maar ik snap niet hoe ik moet positioneren.

Ik gebruik bijvoorbeeld de onderstaande code:

.telefoons {
background: url("images/kleiniphone.png") no-repeat;
height: 123px;
width: 131px;
position: absolute;
top: 140px;
left: 275px;
}

Maar toch als ik het vergroot en verklein (het scherm) blijft deze verplaatsen..

Dat komt doordat je positions gebruikt. Als je position: absolute; gebruikt, vertel je de browser het element altijd op 140px van boven en 275px van links te plaatsen. Position:; is totaal niet bedoeld om een standaard layout op te bouwen. Gebruik daarvoor de eerder genoemde structuur zoals container divs, floats etc.

Lees dit boek maar eens, daar heb ik het mee geleerd. Al vind ik het stuk over "position" in dit boek ook niet geheel duidelijk...