Wunder_von_Bern
Grünschnabel
Guten Tag zusammen,
mein Problem ist ähnlich dem in diesem Thread beschriebenen: http://www.tutorials.de/forum/css/270254-seite-verschiebt-sich.html
Auch bei mir verschiebt sich der eigentliche Seiteninhalt unter die Navigation auf der linken Seite, wenn ich mein Werk im IE aufrufe. Beim Firefox ist es in Ordnung. Mit der im oben genannten Thread vorgeschlagenen Lösung komme ich aber nicht zurecht. Entweder habe ich ein Brett vorm Kopf oder denke zu kompliziert, aber irgendwie weiß ich nicht wirklich weiter.
Könnte mir bitte jemand den richtigen Weg zeigen? Vielen Dank.
Anbei nun noch der Code meiner .css Datei:
Sofern noch andere Angaben benötigt werden um mir helfen zu können meldet euch bitte.
mein Problem ist ähnlich dem in diesem Thread beschriebenen: http://www.tutorials.de/forum/css/270254-seite-verschiebt-sich.html
Auch bei mir verschiebt sich der eigentliche Seiteninhalt unter die Navigation auf der linken Seite, wenn ich mein Werk im IE aufrufe. Beim Firefox ist es in Ordnung. Mit der im oben genannten Thread vorgeschlagenen Lösung komme ich aber nicht zurecht. Entweder habe ich ein Brett vorm Kopf oder denke zu kompliziert, aber irgendwie weiß ich nicht wirklich weiter.
Könnte mir bitte jemand den richtigen Weg zeigen? Vielen Dank.
Anbei nun noch der Code meiner .css Datei:
Code:
a{
color:blue;
text-decoration:none;
}
body{
font-size:0.8em;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin:0px;
padding:0px;
}
img{
border:0px;
}
#mainContainer{
width:760px;
margin:0 auto;
text-align:left;
color:#FFFFFF;
}
#leftContainer{
width:160px;
padding-left:5px;
padding-right:5px;
height:300px;
}
#contentContainer{
width:590px;
float:none;
color:#FFFFFF;
background-color:#000;
margin:1px;
}
.ad{
clear:both;
text-align:center;
padding:5px;
}
#dhtmlgoodies_menu{
font-family:arial; /* Font for main menu items */
width:150px; /* Width of main menu */
}
#dhtmlgoodies_menu li{ /* Main menu <li> */
list-style-type:none; /* No bullets */
margin:0px; /* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
margin:0px; /* No <ul> air */
padding:0px; /* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
padding-left:10px;
}
#dhtmlgoodies_menu li a{ /* Main menu links */
text-decoration:none; /* No underline */
color:#FFF; /* Black text color */
height:20px; /* 20 pixel height */
line-height:20px; /* 20 pixel height */
vertical-align:middle; /* Align text in the middle */
border:1px solid #000; /* Black border */
background-color:#000; /* Light blue background color */
margin:1px; /* A little bit of air */
padding:1px; /* Air between border and text inside */
display:block;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
color:#000;
background-color:#FFF;
}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #000;
background-color:#000;
font-family:arial;
text-align:left;
}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{ /* Sub menu items */
white-space:nowrap; /* No line break */
text-decoration:none; /* No underline */
color:#FFF; /* white text color */
height:16px; /* 16 pixels height */
line-height:16px; /* 16 pixels height */
padding:1px; /* 1px of "air" inside */
display:block; /* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
color:#000; /* black text */
background-color:#FFF; /* white background */
}Sofern noch andere Angaben benötigt werden um mir helfen zu können meldet euch bitte.
