nicht angemeldet
Layout Verschiebnung durch IE und FireFox
Hallo ich habe das Problem, dass meine Navi Leiste im FireFox verschoben angezeigt wird. Im InternetExplorer wird sie jedoch korrekt angezeigt.
Hier einmal beide Ansichten:
InternetExplorer (korrekte anzeige) http://home.arcor.de/kjdesign/ie.JPG
FireFox (fehlerhafte anzeige) http://home.arcor.de/kjdesign/firefox.JPG
Ich denke dass Problem liegt an der CodeZeile:
<div style="position:relative;width:73px;height:607px;-adbe-g:m;">
Die durch IE und FF anders angezeigt wird, habe aber schon alles mögliche versucht das Problem loszuwerden. Deshalb poste ich euch am besten einmal mein SourceCode der die Navi betrifft:
<div style="position:relative;width:73px;height:607px;-adbe-g:m;">
<div class="header" style="position:absolute;top:0px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>MAIN</b></div>
<div style="position:absolute;top:14px;left:0px;width:72px;height:71px;-adbe-c:c">
[-] <a href="#">News</a><br>
[-] <a href="#">FAQ</a><br>
[-] <a href="#">Imprint</a><br>
[-] <a href="#">Contact</a><br>
[-] <a href="#">Publicity</a><br>
</div>
<div style="position:absolute;top:85px;left:0px;width:72px;height:15px;-adbe-c:c">
</div>
<div class="header" style="position:absolute;top:100px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>GRAPHICS</b></div>
<div style="position:absolute;top:114px;left:0px;width:120px;height:127px;-adbe-c:c">
[-] <a href="#">Wallpapers</a><br>
[-] <a href="#">Avatars</a><br>
[-] <a href="#">Banners</a><br>
[-] <a href="#">Flyers</a><br>
[-] <a href="#">Designs</a><br>
[-] <a href="#">Fonts</a><br>
[-] <a href="#">Pattern</a><br>
[-] <a href="#">Brushes</a><br>
<br>
</div>
<div class="header" style="position:absolute;top:241px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>AND MORE</b></div>
<div style="position:absolute;top:256px;left:0px;width:120px;height:99px;-adbe-c:c">
[-] <a href="#">Cybershots</a><br>
[-] <a href="#">Photography</a><br>
[-] <a href="#">Nightlife</a><br>
[-] <a href="#">Tracks</a><br>
[-] <a href="#">Coding</a><br>
</div>
<div style="position:absolute;top:365px;left:0px;width:72px;height:15px;-adbe-c:c">
</div>
<div class="header" style="position:absolute;top:335px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>CREDITS</b></div>
<div style="position:absolute;top:350px;left:0px;width:121px;height:197px;-adbe-c:c">
The flower v1.2 design was created and coded by: <a href="mailto:kay09@gmx.de">kay winter</a><br>
Graphics and photo-graphy by:<br>
<a href="mailto:konstantin.datz@gmx.de">konstantin datz</a><br>
Flower v1.2 - 2oo7<br>
All rights reserved.</div>
<div style="position:absolute;top:591px;left:0px;width:72px;height:15px;-adbe-c:c">
</div>
</div>
(class="header" ist:
.header{font-size: 7pt; color: #e37d17; font-weight: bold; border-bottom: 1px dotted; border-top: 1px dotted; text-align: left; height: 1px; letter-spacing: 3px; background-color:#000000;})
Wie ihr seht habe ich alles mit dem "position"-verfahren und nicht mit tables gemacht.
Hoffentlich könnt ihr mir helfen, damit in beiden Browsern meine Page korrekt dargestellt wird. Vielen vielen Dank im vorraus
gruß Kay
-
Hallo.
»»Hallo ich habe das Problem, dass meine Navi Leiste im FireFox verschoben angezeigt wird. Im InternetExplorer wird sie jedoch korrekt angezeigt.
In der Regel ist es so, dass Firefox die Dinge korrekt anzeigt und der IE nicht. Auf den ersten Blick sieht es auch hier so aus.
Ich denke dass Problem liegt an der CodeZeile:
<div style="position:relative;width:73px;height:607px;-adbe-g:m;">Was soll hiermit bezweckt werden?
Deine gesamte Navigation ist mit left:0; definiert. So wird sie auch vom Firefox angezeigt.
Vielleicht lieber mit float die einzelnen Elemente positionieren.?Allgemein:
Wenn eine Frage präzise formuliert wird (und strukturiert wird), code sinnvoll gepostet wird und auch noch als solcher ausgegeben wird, antworten die Besucher meist häufiger!MfG, Kungschu.