hallo habe ein kleines problem un zwar hab ich 3 spaltiges css design mit header. so meine linke spalte steht fest alles wunderbar, aber die rechte spalte schiebt sich hin un her sobald ich das fenster klein mache bzw den browser in der breite verändere, woran liegt das. beides ist als position:abolsut gekennzeichnet...sehe grad nich wo der fehler liegt...
danke
hier mal mein css code :
danke
hier mal mein css code :
Code:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #ccc;
background-image:url('background.GIF');
}
a {
text-decoration: none;
color: #ccc;
outline: none;
}
a:visited {
color: #ccc;
}
a:active {
color: #ccc;
}
a:hover {
color: #ccc;
text-decoration: underline;
}
.ahem {
display: none;
}
strong, b {
font-weight: bold;
}
p {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px;
}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
h1 {
font-size: 24px;
line-height: 44px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-size: 18px;
line-height: 40px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h3 {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-size: 14px;
line-height: 26px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h5 {
font-size: 12px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h6 {
font-size: 10px;
line-height: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
img {
border: 0;
}
.nowrap {
white-space: nowrap;
font-size: 10px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
}
.tiny {
font-size: 9px;
line-height: 16px;
margin-top: 15px;
margin-bottom: 5px;
}
#top {
margin: 20px 20px 0px 100px;
padding: 0px;
border: 0px solid #ccc;
background: url(Header2.gif) no-repeat;
position:relative;
height: 134px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
height: 134px;
width: 1000px;
}
html>body #top {
height: 134px; /* ie5win fudge ends */
}
#left {
position: absolute;
top: 140px;
left: 100px;
margin: 20px;
padding: 10px;
border: 0px solid #ccc;
background: url(nav.gif) no-repeat;
width: 185px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 185px;
height: 438px;
}
html>body #left {
width: 185px; /* ie5win fudge ends */
}
#middle {
margin: 0px 20px 20px 320px;
padding: 0px;
border: 0px solid #ccc;
background: ;
width: 550px;
top: 140px;
}
#right {
position: absolute;
top: 140px;
right: 140px; /* Opera5.02 will show a space at right when there is no scroll bar */
margin: 20px;
padding: 10px;
border: 0px solid #ccc;
background: url(nav1.gif) no-repeat;
width: 185px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 185px;
height: 438px;
}
html>body #right {
width: 185px; /* ie5win fudge ends */
}
pre {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px;
}