XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Hilfe - IE6 verschiebt navigation nach unten (http://xhtmlforum.de/showthread.php?t=59973)

hausi86 25.01.2010 15:54

Hilfe - IE6 verschiebt navigation nach unten
 
Hallo!

Ich bin ein ziemlicher css neuling. Habe eine relativ einfache Homepage aufgesetzt. Im IE 7, 8 und Firefox schaut alles Super aus .. aber im IE6 wird die Navigation recht ganz nach unten, verschoben?
Hab keine ahnung was ich in meinem stylesheet ändern muss, damits auch ie6 so ausschaut wie es sollte.

Hat jemand einen Tipp für mich. Wenn möglich in einfach worten, sodass ich es auch nachvollziehen und umsetzen kann.

Url: Digitale Produkte,Geld verdienen mit eBooks,Geld verdienen

Danke schon mal im Voraus ..

Hier mein CSS

body {
background: #CACACA url(images/background.png) repeat-x;
font-family: "Trebuchet MS", Verdana, serif
}
#container {
margin: 0 auto;
width: 750px
}
#header {
width: 100%
}
#sub_header {
text-align: right;
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
padding-right: 20px;
padding-bottom: 20px;
}
#main_content {
margin: 0 auto;
width: 100%;
background: #FFFFFF url('images/background_content.gif');
background-repeat: repeat-y
}
#main_content_top {
height: 30px;
background: #FFFFFF url('images/background_top.gif');
}
#main_content_bottom {
height: 30px;
background: #FFFFFF url('images/background_bottom.gif');
}
#footer {
text-align: center;
font-size: 12px;
margin: 10px auto
}
.content {
float: left;
width: 510px;
text-align: justify;
padding: 0 30px 0 30px;
font-size: 12px
}
.menu {
width: 139px;
float: right;
padding: 0 20px 0 20px;
border-left: #8C8484 1px solid;
font-size: 12px
}
.menu ul {
margin: 0;
padding: 10px 0 10px 15px
}
.menu il {
list-style-type: disc
}
#header h1 {
margin-bottom: 0px;
font-size: 28px;
font-weight: bold;
color: #A40008
}
.content h2 {
margin-top: 0px;
font-size: 18px;
font-weight: bold;
color: #A40008
}
#clear {
display: block;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}
.menu_title {
font-size: 18px;
font-weight: bold;
color: #A40008
}
.menu ul {
margin: 0;
padding: 10px 0 20px 15px
}
.menu li {
padding-top: 2px;
list-style-type: circle
}
a {
color: #A40008;
font-weight: bold;
text-decoration: none
}
a:hover {
color: #A40008;
font-weight: bold;
text-decoration: underline
}
a.menu_link {
color: #000000;
font-weight: bold;
text-decoration: underline
}
a.menu_link:hover {
color: #A40008;
font-weight: bold;
text-decoration: none
}
.quote {
margin: 20px;
text-align: center;
font-weight: bold;
font-style: italic
}

Cocoon 25.01.2010 16:44

Die IE 6 ist an dieser Stelle verbuggt. Mache den Content für den IE 6 schmaler. Mit diesem Hack passt es:

Code:

* html .content {
  width: 500px;
}


hausi86 25.01.2010 18:27

Danke..

Ich habs gleich mal geändert. Da ich aber nicht mehr im Büro bin und hier keinen ie6 habe, muss ich warten bis der screenshot von Browsershot.org fertig ist ... mal schaun obs jetzt passt .. ich hoff doch mal ;)

Danke

hausi86 25.01.2010 18:38

Supi ... laut screenshot passts jetzt .. Danke dir ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:50 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2019, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019