• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Internet Explorer - Position

Speamy

Speamy

Neues Mitglied
Moin


Ich habe folgendes Problem: Da ichwegen dem Internet Explorer 7 in meiner Webseite den Parameterposition : absolute; weglassen. Ich habe ihn gegen den Parameterfloat : left; ersetzt aber trotzdem sieht es nicht richtig wie in demGoogle Chrome aus. Sondern wie mit position : absolute;. Aber imChrome wieder richtig habe mal ein Bild abgehangen. Schon mal vielenvielen dank für die Antwort.




LGSpeamy
 
Ohne Quellcode oder Link zur Seite kann man nur raten. Ich tippe mal drauf, dass Du auch display verwendest?!
 
threadi schrieb:
Ohne Quellcode oder Link zur Seite kann man nur raten. Ich tippe mal drauf, dass Du auch display verwendest?!
Zum Vergrößern anklicken....

Ja benutzte ich Hier mal der Css Code:

div.clear {
clear: both;
}


div.navigation, div.navigation ul {
background: #191616 url(bg.png) ;
height: 0px;
width: 100%;
}


div.navigation ul {
position:relative;
left: -40px;
margin: 0;
padding: 0;
list-style: none;
}


div.navigation ul, div.navigation li {
float: left;
}


div.navigation li {
float: left;
display: inline;
}


div.navigation li a {
background: transparent url('bg.png') 1px 0;
text-decoration: none;
border-left: solid 1px #BC33CC;
border-right: solid 1px #BC33CC;
display: block;
}


div.navigation a span {


height: 40px;
line-height: 41px;
color: #fff;
display: block;
padding: 0 20px;
}


div.navigation a.has-children span {
cursor:pointer;
background: transparent url('pfeil.png') no-repeat right 0px;
padding-right: 30px;
}


div.navigation li:hover a {
background-position: -10px -82px;
}

div.navigation li a:active {
background-position: -10px -82px;
}

div.navigation div.navigation {
position: absolute;
width: auto;
min-width:100px;
}

div.navigation div.navigation div.navigation{
margin-top: -41px;
margin-left: 140px;
}

div.navigation div.navigation ul, div.navigation div.navigation li, div.navigation div.navigation li a {
float: none;
}

div.navigation div.navigation li a {
height: 41px;
background: none;
border-left: none 0;
border-right: none 0;
}

div.navigation div.navigation span,
div.navigation div.navigation li:hover li span,
div.navigation div.navigation li:hover li:hover li span{
float: none;
height: 41px;
position:relative;
left: 40px;
background-color: #191616;
}

div.navigation div.navigation li:hover span,
div.navigation div.navigation li:hover li:hover span,
div.navigation div.navigation li:hover li:hover li:hover span {
float: none;
height: 41px;
position:relative;
left: 40px;
background-color: #BC33CC;
}

div.navigation div.navigation li a:active span,
div.navigation div.navigation li:hover li a:active span,
div.navigation div.navigation li:hover li:hover li a:active span{
float: left;
height: 41px;
background-color: #BC33CC;
}

div.navigation div.navigation a.has-children span {
float: left;
left: 40px;
background-position: right -41px;
}


div.navigation div.navigation a span {
float: left;
display: block;
padding: 0 10px;
}

div.navigation div.navigation {
float: left;
display: none;
}
div.navigation li:hover div.navigation {
float: left;
display: block;
}


div.navigation li:hover div.navigation div.navigation {
float: left;
display: none;
height: 41px;
left: 40px;
}


div.navigation div.navigation li:hover div.navigation {
float: left;
display: block;
height: 41px;
left: 40px;
}

div.navigation li:hover div.navigation div.navigation div.navigation {
float: left;
display: none;
height: 41px;
left: 40px;
}


div.navigation div.navigation div.navigation li:hover div.navigation {
float: left;
display: block;
height: 41px;
left: 40px;
}


div.navigation li:hover div.navigation div.navigation div.navigation div.navigation {
float: left;
display: none;
height: 41px;
left: 40px;
}


div.navigation div.navigation div.navigation div.navigation li:hover div.navigation {
float: left;
display: block;
height: 41px;
left: 40px;
}


#activetop {
position:relative;
top: 11px;
line-height: 18px;
border-bottom:solid 2px #fff;
}


#activetop:hover {
position:relative;
top: 11px;
line-height: 18px;
border-bottom:solid 2px #fff;
}


#activebelow {
float: left;
top: 11px;
line-height: 18px;
border-bottom:solid 2px #fff;
}


#activebelow:hover {
float: left;
top: 11px;
line-height: 18px;
border-bottom:solid 2px #fff;
}
Zum Vergrößern anklicken....

Noch mal Danke :)


LG Speamy
 
Lass versuchsweise mal in "div.navigation li a" die display-Eigenschaft weg. Ohne Link kann man das weiterhin nicht genauer beurteilen.
 
Die Fehler musst Du beheben. Da sind Schnitzer dabei die die Ansicht beeinflussen können.

Ich verstehe nicht ganz was Du eigentlich erreichen willst? In der normalen Ansicht sind die ausgeklappten Menüpunkte so breit wie ihre Texte. Wenn man mit der Maus drüber geht sind sie aber einheitlich breit. Wie soll das nun wirklich aussehen?
 
Moin


Ich habe noch etwas an der CSS herumgeschraubt so ich möchte nur das bei dem drüber fahren über einunter Menü der ganze Eintrag grün wird. Im Chrome und Firefox istder Rest in dem rosa im IE ist der Punkt da nur zur Hefte grün. Wiemuss ich das schreiben das der ganze Eintag grün wird? Schon malDanke für die antworten

http://speamy.cwsurf.de/


LG
 
Du hast auch einen Fehler in deinem Code. Innerhalb der <ul> sollte kein Div stehen.

Ansonsten ist für das Styling beim Überfahren mit der Maus die Pseudo-Klasse :hover zuständig.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben