[CSS] div veranderd positie bij resize window

[Zakkenwasser]

Een goedenavond allemaal!

Hoe lock je een div via CSS?

Ik ben al wat zoete uurtje aan het spenderen om met divs en extern CSS te werken.
Scheelt een hoop code in html

Ik heb hiervoor heel fout met tabellen mijn website in elkaar gezet met het voordeel dat alles op zijn plek blijft staan.

Maar nu ik met divs werk krijg ik mijn design niet op zijn plek
Iedere keer als ik mijn scherm vergroot gaat mijn design eraan en schuift er weer een div naar de linkerkant van de browser

hier de CSS

code:

body {
    background-image:url(bglay.jpg);
    margin: 15px;/* without margins the page would be stuck to the sides*/
    font-family: verdana, arial, sans-serif; /* base font is defined in the page */
    font-size: 12px; /* size font is defined in the page */
    color: #353132;
    overflow: auto; 
}

#container {
top: 15px;
margin: 0 auto;
width: 962px;
height: 1281px;
background-color: #FFFFFF;

}
#left {
position: absolute;
margin-top: 0px;
margin-left: 14px; 
background-color: #828FAF;
width: 666px;
height: 1075px;
}

#right {
    position: absolute;
    top: 15px;
    left: 694px auto;
    right: 18px;
    width: 250px;
    height: 1271px;
    background-color:#828FAF;
    overflow: visible;
    min-width: 250px;
}

#whitespace {
background-color: #FFFFFF;
width: 250px;
}

#radio {
background-color: #FFFFFF;
width: 250px;
}

#tja{
background-color: #FFFFFF;
}

#whitespace2 {
background-color: #FFFFFF;
}

[ Voor 23% gewijzigd door Zakkenwasser op 02-12-2009 08:49 ]

[MueR]

Waar gaat het over? Hier staan 10 styles voor elementen waarvan ik niet kan zien welke divs zijn. Verder zie ik ook niet om welke div het dan specifiek zou gaan. Er staat hier dus zo'n 90 regels css te veel

[Zakkenwasser]

MueR schreef op dinsdag 20 mei 2008 @ 00:38:
Waar gaat het over? Hier staan 10 styles voor elementen waarvan ik niet kan zien welke divs zijn. Verder zie ik ook niet om welke div het dan specifiek zou gaan. Er staat hier dus zo'n 90 regels css te veel

whoops.. inderdaad! stom stom

gaat om deze div

code:

<div id="right">
  <div id="whitespace"><img src="welkom22.jpg" alt="creative labs" width="236" height="130"></div>
  <div id="whitespace2"></div>
  <div id="tja"><a href="_blank" target="new"><img src="ODbanner.jpg" alt="OverDatum.nl"></a></div>
  <div id="radio"><a href="new"><img src="NZbanner.jpg" alt="RadioNoordzij.nl" width="250" height="68" longdesc="http://www.radionoordzij.nl"></a></div>
</div>

[MichielioZ]

code:

position: absolute;
top: 15px;
left: 694px auto;
right: 18px;

Waarom definieer je hier "left: 694px auto;" ? (sowieso snap ik die combinatie met 'auto' niet)
Als de div aan de rechterkant moet blijven, dan is alleen "right: 18px;" genoeg lijkt me zo...

edit:
Owja, en zover ik weet ondersteund IE (iig tot 6) niet de "min-width" eigenschap

[ Voor 14% gewijzigd door MichielioZ op 20-05-2008 01:31 ]

[Verwijderd]

Ik denk dat je

position:relative;

aan je container div moet toevoegen.

en een ongevraagde tip: haal je Engels even door spellings controle ;-)

[Zakkenwasser]

Verwijderd schreef op dinsdag 20 mei 2008 @ 01:30:
Ik denk dat je

position:relative;

aan je container div moet toevoegen.

en een ongevraagde tip: haal je Engels even door spellings controle ;-)

ik had em eigenlijk moeten Lorum Ipsum-men,

maar that thit the trick
thanks