oxytoca
Threadersteller
Dabei seit: 08.04.2003
Ort: Höchstadt
Alter: 44
Geschlecht: 
|
Verfasst Mo 27.02.2006 17:55
Titel CSS, InternetExplorer und oxytoca :-( |
  |
|
Hallo,
kann mir einer von euch helfen und mir sagen, warum der IE auf meiner Seite (www.oxytoca.de.vu) den Rahmen eines DIV´s kleiner macht als das enthaltene DIV, obwohl die gleiche Größe angegeben ist? Man sieht´s rechts unten.
Wenn ein Bild im Inhalt ist funktionierts. An was kann das denn liegen?
Ich bin was CSS angeht noch ganz am Anfang. Sollte ich den Aufbau auch komplett falsch gemacht haben wäre ich über Tipps auch dankbar, wie ich´s das nächste mal besser machen könnte.
Vielen Dank.
Hier noch der CSS code:
| Code: | body {
background-color:#2B2929;
font-family:Verdana;
color:#FF6600;
font-size:14px;
}
#ox1 {
position:absolute;
font-size:26px;
top:3px;
left:10px;
}
#ox2 {
position:absolute;
font-size:14px;
top:35px;
left:10px;
}
#inhalt {
position:absolute;
width:550px;
height:310px;
top:50%;
left:50%;
margin:-155px 0px 0px -275px;
border:1px solid #FF6600;
}
#rechts {
position:absolute;
width:30px;
height:310px;
right:0px;
color:#2B2929;
background-color:#FF6600;
line-height:24px;
top:0px;
}
#monate {
width:30px;
height:300px;
position:absolute;
top:9px;
text-align:center;
display:inline;
}
a.monat:link {
font-weight:normal;
color:#2B2929;
text-decoration:none;
}
a.monat:visited {
font-weight:normal;
color:#2B2929;
text-decoration:none;
}
a.monat:hover {
font-weight:bold;
color:#2B2929;
text-decoration:none;
}
a.monat:active {
font-weight:bold;
color:#2B2929;
text-decoration:none;
}
#vorschau {
padding:5px;
}
#kontakt {
position:absolute;
bottom:10px;
right:10px;
}
a:link {
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
a:visited {
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
a:hover {
font-weight:bold;
color:#FF6600;
text-decoration:none;
}
a:active {
font-weight:bold;
color:#FF6600;
text-decoration:none;
}
img.vorschau {
border:solid 5px #2B2929;
display:inline;
}
#zurueck {
position:absolute;
top:50%;
left:50%;
margin:-15px 0px 0px -325px;
font-weight:normal;
font-size:30px;
}
#weiter {
position:absolute;
top:50%;
left:50%;
margin:-15px 0px 0px 298px;
font-weight:normal;
font-size:30px;
}
#kontakt_inhalt {
position:absolute;
width:490px;
height:270px;
top:50%;
left:50%;
margin:-135px 0px 0px -255px;
overflow:auto;
scrollbar-base-color:#2B2929;
scrollbar-track-color:#2B2929;
scrollbar-arrow-color:#FF6600;
scrollbar-3dlight-color:#2B2929;
scrollbar-darkshadow-color:#2B2929;
scrollbar-highlight-color:#2B2929;
scrollbar-shadow-color:#2B2929;
display:block;
}
img {
display:block;
}
a.index:link {
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
a.index:visited {
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
a.index:hover {
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
a.index:active {
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
#bemerkung {
position:absolute;
top:50%;
left:50%;
margin: 157px 0px 0px -275px;
} |
|
|
Willkommen auf dem Portal für Mediengestalter
