mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 02:08 Benutzername: Passwort: Auto-Login

Thema: position: relative; "zerstört design"? vom 11.01.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> position: relative; "zerstört design"?
Autor Nachricht
nel
Threadersteller

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Fr 11.01.2008 19:28
Titel

position: relative; "zerstört design"?

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Sa 12.01.2008 02:45
Titel

Antworten mit Zitat Zum Seitenanfang

Also bei sehen die im IE7 und FF2 gleich aus, was anderes hab ich grade nicht zur Hand.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Typografit

Dabei seit: 31.01.2006
Ort: -
Alter: 61
Geschlecht: Männlich
Verfasst Sa 12.01.2008 09:39
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
nel
Threadersteller

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Sa 12.01.2008 11:06
Titel

Antworten mit Zitat Zum Seitenanfang

so siehts bei mir im ie aus
/achja, die hintergrundfarbe fehlt auch *Schnief*



* Keine Ahnung... *


Zuletzt bearbeitet von nel am Sa 12.01.2008 11:10, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.