Verhindern das sich alles verschiebt beim Zoomen/Ab-Zoomen

[Schaki]

Hi.
Also ich Arbeite grade mit CSS, und habe mir halt 4 boxen gemacht (für Navi).
Das Problem ist das sich alles verschiebt wen man abzoomt o. anzommt, hätte da jemand eine lösung?

Mein Gerüst sieht in etwa so aus:

#Header

#Inhalt

#rechts

#links

#footer

#box1

usw.

Hoffe mir kann da einer helfen, ^^ Positionen gebe ich übrigens über Float und Margin befehle an.

[Patrick]

Ohne konkretes Beispiel kann man da kaum weiterhelfen, da das kein allgemeines Problem ist, sondern eins, dass genau mit den Details der Angaben zusammenhängt.

[Schaki]

Weiß denn keiner wie man ein Layout mit CSS befästigen kann?Damit es nicht verutscht beim An- Abzoomen?

[Schaki]

  
body  
{  
background-color: #0000FF;  
font: Arial;  
font-size: 95%;  
color: #FF0000;  
text-align: center;  
}  
  
#oben  
{  
height: 160px;  
width: 1088px;  
background-color: ;  
}  
  
#rechts  
{  
float:right;  
height: 500px;  
width: 200px;  
margin-top: -2px;  
background-color: ;  
}  
  
#mitte  
{  
color: #FF0000;  
font-size: small;  
font: Arial;  
float: right;  
height: 450px;  
width: 650px;  
border-style: solid;  
border-color: #FFFFFF;  
margin-right: 1.7%;  
margin-left: 1%;  
margin-top: 2%;  
overflow: hidden;  
background-color: #00D4FF;  
}  
  
#links  
{  
float: left;  
height: 500px;  
width: 200px;  
margin-top: -2px;  
background-color: ;  
color: #FF0000;  
  
}  
  
#unten  
{  
height: 160px;  
width: 1088px;  
margin-top: 500px;  
background-color: ;  
}  
  
#box1  
{  
float: left;  
height: 68px;  
width: 180px;  
margin-top: 4%;  
margin-left: 6%;  
background-color: ;  
border-style: solid;  
border-color: #000000;  
color: #FF0000;  
background-color: #C0C0C0  
}  
  
#box2  
{  
float: left;  
height: 68px;  
width: 180px;  
margin-top: 4%;  
margin-left: 6%;  
background-color: ;  
border-style: solid;  
border-color: #000000;  
color: #FF0000;  
background-color: #C0C0C0  
}  
  
#box3  
{  
float: right;  
height: 93px;  
width: 180px;  
margin-top: 4%;  
margin-right: 6%;  
background-color: ;  
border-style: solid;  
border-color: #000000;  
color: #FF0000;  
background-color: #C0C0C0;  
}  
  
#box4  
{  
float: right;  
height: 93px;  
width: 180px;  
margin-top: 4%;  
margin-right: 6%;  
background-color: ;  
border-style: solid;  
border-color: #000000;  
color: #FF0000;  
background-color: #C0C0C0  
}  
  
#login  
{  
float: left;  
height: 68px;  
width: 180px;  
margin-top: 4%;  
margin-left: 6%;  
background-color: ;  
border-style: solid;  
border-color: #000000;  
color: #FF0000;  
background-color: #C0C0C0  
}  
  
  
h1  
{  
  
}  
  
h2  
{  
  
}  
  
h3  
{  
  
}  
  
h4  
{  
  
}  
  
  
  

Das ist die CSS datei.