hallo zusammen
vorne weg. ich bin noch lange kein profi in punkt webdesign, ich muss noch soooo viel lernen (bzw hab nach ner längeren pause einfach wieder viel vergessen) , aber es macht halt super viel spass etwas entstehen zu sehn, zu wissen dass man etwas selber mit eigenen "händen geschaffen hat"
mein problem
vorne weg. es ist ein grober entwurf. ich muss noch einges ändern was inhalt etc betrifft. aber gleich zu beginn hab ich ein massives probelm in der darstellung. in firefox3.6.3 passt alles soweit aber im internet explorer 8 ist der ganze inhalt links statt so positioniert wie es sein soll.
die seite lautet: www.my-dentist.de
wo liegt mein fehler.
hier die style.css
Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FfffFF;
}
body {font: normal 100.01% verdana, sans-serif;}
p { padding-right: 15px; line-height: 1.5; }
/* =-=-=-=-=-=-=-[Inhalt]-=-=-=-=-=-=-=- */
.background { position:fixed; right:1px; top:80px; }
.grafikpositionh1 { position:fixed; left:85px; top:500px;}
.inhalt1 { position:fixed; left:315px; top:300px; line-height: 1.5; width: 700px; }
/* =-=-=-=-=-=-=-[Header]-=-=-=-=-=-=-=- */
.grafikpositionlogo { position:fixed; left:85px; top:77px; }
.header_right { position:fixed; left:700px; top:77px; width: 555px; height: 217px;}
/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
ul { list-style: none; margin: 0; padding: 0; }
* {margin:0; padding: 0;}
ul { list-style-type:none; width:9.0em; }
li {margin-bottom: 0.7em;}
li a:link, li a:visited, li a:hover, li a:active, li a:focus {
background:white; color:navy; width:100%; height: 1.0em; display:block;
; padding-left: 5px; text-decoration:none; font-size: 1.1em;}
#menuposition {
position: fixed;
left: 60px;
top: 220px;
width: 260px;
height: 171px;
}
#menu3 {
width: 200px;
border: 0px solid #ccc;
margin: 10px;
}
#menu3 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu3 li a:link, #menu3 li a:visited {
color: #000;
display: block;
background: url(bilder/menu3.gif);
width: 146%;
padding: 8px 0 0 30px;
}
#menu3 li a:hover, #menu3 li #current, #menu3 li a:active {
color: #283A50;
background: url(bilder/menu3.gif) 0 -32px;
padding: 8px 0 0 30px;
}