Autor |
Nachricht |
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Fr 11.01.2008 19:28
Titel position: relative; "zerstört design"? |
|
|
hallo, mein problem ist ein sehr seltsames
ich habe eine navigation gebaut in css, welche auch funktionierte (ich benutze firefox)
als ich jedoch getestet hab wie das ganze im ie ausschaut habe ich mich sehr gewundert .
(um den fehler zu sehen müsst ihr euch also folgenden link im IE ansehen)
http://enchained-art.net/page/test.html
hab da mal die test html hochgeladen, eins mit "navi1" und darunter "navi2"
bei navi 1 hab ich im code position: relative;
bei navi 2 hab ich im position: absolute;
um mein design so zu haben wie ich es gern will brauch ich aber relative (abhängig vom parent div später,deshalb)
und nun der eigentliche fehler : wenn man über news bei navigation1 scrollt,erscheint kein blauer pfeil, und das unterstrichene verschwindet, das passiert aber nur bei der navi mit position: relative, bei der mit absolut(darunter) funktioniert das alles einwandfrei...
was ist da der fehler bzw wie kann ich das beheben?
Code: | body {
margin:0px auto;
padding:0px;
position: relative;
background: #94bf5a url(images/bg.jpg) no-repeat center top;
}
#navi1 {
margin: 0px 0px 0px 8px;
background: #FFFFFF;
position: relative;
padding: 0px 0px 0px 0px;
width:185px;
left: 500px;
top: 10px;
border: #b8b9bf 1px solid;
}
#navi2 {
margin: 0px 0px 0px 8px;
background: #FFFFFF;
position: absolute;
padding: 0px 0px 0px 0px;
width:185px;
left: 500px;
top: 250px;
border: #b8b9bf 1px solid;
}
.submenu {
padding:0px;
padding: 0px 20px 10px 20px;
margin:0px;
list-style:none;
}
.submenu li{
border-bottom: #ededed 1px solid;
line-height: 14px;
list-style:none;
}
.submenu li a{
padding-left:10px;
FONT-SIZE: 11px;
font-family: Verdana;
color: #124761;
text-decoration: none;
padding: 4px 6px 4px 2px;
display:block;
list-style:none;
}
.submenu li a:visited{
padding-left:10px;
FONT-SIZE: 11px;
font-family: Verdana;
color: #124761;
text-decoration: none;
}
.submenu li a:hover{
padding-left:10px;
FONT-SIZE: 11px;
font-family: Verdana;
color: #62a7c9;
text-decoration: none;
background: #E8EEF1 url(images/arrow.gif) no-repeat left center;
}
h2{ color: #92bc59;
padding: 0px;
margin: 5px 0px 0px 20px;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
|
ist ja an sich kein großes ding das im ie kein pfeil erscheint, aber es ist doch ein wenig ärgerlich
mfg
|
|
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Sa 12.01.2008 02:45
Titel
|
|
|
Also bei sehen die im IE7 und FF2 gleich aus, was anderes hab ich grade nicht zur Hand.
|
|
|
|
|
Anzeige
|
|
|
Typografit
Dabei seit: 31.01.2006
Ort: -
Alter: 61
Geschlecht:
|
Verfasst Sa 12.01.2008 09:39
Titel
|
|
|
Ich hab es mir auf dem Mac mit Safari 3 und FF2 angesehen, beides sieht gleich aus, blauer Pfeil und Unterstreichung OK. Ich sehe keinen Unterschied.
|
|
|
|
|
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Sa 12.01.2008 11:06
Titel
|
|
|
so siehts bei mir im ie aus
/achja, die hintergrundfarbe fehlt auch
Zuletzt bearbeitet von nel am Sa 12.01.2008 11:10, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
position : relative
position: relative; Konfusion
mal wieder div position:absolute oder relative
[HTML] div position:relative hinterlässt leeren Raum
Transparenter Hintergrund in PDF zerstört Animation (swf)
InDesing: Kerning zerstört bei Absatzformaten
|
|