Tach Zusammen!
Ich hab mal eine erste Aufteilung für eine Webseite gebastelt (ist noch erkennbar unfertig). Nun hab ich den Ehrgeiz, das Layout so zu bauen, dass es durch Veränderungen der browserseitigen Zoomfunktionen (STRG+ +/-) nicht - wie momentan - zerschossen wird.
Habt ihr Erfahrung damit, wie ich das Layout so fixieren kann, dass sich Änderungen der Zoomeinstellungen nicht so böse auswirken? (Bitte einfach mal ausprobieren, dann seht ihr, was ich meine) 
http://www.pinales.de/groupsites/
Hier die CSS-Definitionen dazu:
html,body {
margin:0;
padding:0;
}
body {
font: 0.9em verdana,arial,sans-serif;
}
p {
margin: 0 10px 10px;
}
a {
display: block;
color: #981793;
padding: 10px;
}
div#header h1 {
height: 120px;
font-weight: normal;
line-height: 120px;
margin: 0;
padding-left: 65px;
color: #fff;
background: url("pics/head_hint.jpg");
background-repeat: x-repeat;
clear: both;
}
#logo {
height: 120px;
background-color: #fff;
}
#logo img {
float: left;
border: 0;
width: 260px;
height: 120px;
margin-left: 50px;
}
#login {
float: right;
width: 284px;
height: 90px;
padding: 2px 105px 0 13px;
background: url("pics/login_hint.jpg") no-repeat;
}
/* beginn login-feld ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#benutzer,#kennwort {
border: 1px;
display: block;
font-size: 10px;
width: 180px;
color: #1fa22e;
border: 1px solid #aaa;
background:url("pics/inputbg.gif") no-repeat;
}
#loginform tr td {
font-size: 10px;
color: #aaa;
}
#submit {
width: 50px;
height: 50px;
margin-left: 15px;
}
#pw_einr {
margin-left: 42px;
}
/* ende login-feld ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#wrapper {
float: left;
width: 100%;
}
div#content {
height: 400px; /*nur zur Verdeutlichung (wird wieder entfernt)*/
border: 1px dotted lightgrey; /*nur zur Verdeutlichung (wird wieder entfernt)*/
margin-right: 400px;
padding: 40px 50px;
}
div#content p {
line-height: 1.2;
}
div#navigation {
float: left;
width: 198px; /*200px*/
min-height: 200px; /*nur zur Verdeutlichung (wird wieder entfernt)*/
margin: 40px 0 0 -400px;
border: 1px dotted lightgrey; /*nur zur Verdeutlichung (wird wieder entfernt)*/
}
div#info {
float: left;
width: 198px; /*200px*/
min-height: 300px; /*nur zur Verdeutlichung (wird wieder entfernt)*/
margin: 40px 0 0 -200px;
border: 1px dotted lightgrey; /*nur zur Verdeutlichung (wird wieder entfernt)*/
}
div#footer {
clear: left;
width: 100%;
background: #a2e512;
border-top: 3px solid #1fa22e;
}
div#footer p {
margin: 0;
padding: 5px 65px;
color: #fff;
font-size: 10px;
}
Alles anzeigen
Versteh´ ich nicht?! Wie sollte sich denn der Frame verhalten, wenn er mit Inhalten konfrontiert wird, die nicht in ihn reinpassen wollen!? Entweder der Frame darf sich vergrößern oder er erzeugt einen Scrollbalken?! Gibt´s noch ´ne dritte Möglichkeit?
