zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe - IE6 verschiebt navigation nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.01.2010, 15:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2010
Beiträge: 3
hausi86 befindet sich auf einem aufstrebenden Ast
Rotes Gesicht 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
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.01.2010, 16:44
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 157
Cocoon wird schon bald berühmt werden
Standard

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;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.01.2010, 18:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2010
Beiträge: 3
hausi86 befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 25.01.2010, 18:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.01.2010
Beiträge: 3
hausi86 befindet sich auf einem aufstrebenden Ast
Standard

Supi ... laut screenshot passts jetzt .. Danke dir
Mit Zitat antworten
Antwort

Stichwörter
css, ie6, navigation, verschieben

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Navigation safari CSS 12 20.04.2011 11:11
Float-Problem? mischaef CSS 33 20.10.2010 16:20
z-index im ie6 - hilfe nötig Felixus CSS 6 17.08.2008 13:07
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
navigation verschiebt sich in mozilla missy CSS 2 08.06.2004 20:26


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:11 Uhr.