zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Header verrutscht in Opera und Safari

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 03.08.2006, 23:23
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Meccs
man hat ein div "content" hat und darin ein div "main" was nach links gefloated ist. Wenn ich nun main ausrichten will und nehme Margin statt Padding, dann haut es das Layout im IE auseinander weil die Abstände ganz anders sind.
http://www.positioniseverything.net/...ed-margin.html

Zitat:
Zitat von Meccs
Wieso ist es besser den div durch ul zu ersetzen? Kommt doch aufs selbe raus dann nicht?
Optisch schon, aber wozu unnötiges Zusatz-Markup? Ich setze ja auch nicht jedes Wort in einem Absatz in ein <span></span> Das käme auch auf's Selbe raus und wäre auch genauso überflüssig.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 04.08.2006, 02:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.08.2006
Beiträge: 14
Meccs befindet sich auf einem aufstrebenden Ast
Standard

So hab die Seite nochmal neu gemacht und das CSS file komplett neu aufgesetzt. Eine Sache ist mir dabei nur aufgefallen.
Ich hab die Links zur Navigation (Bilder, Blog) jetzt so per HTML eingebunden:

<ul id="navTop">
<li><a href="index.php">Home</a></li>
...
</ul>

Im CSS File steht dann das:

#navTop {
padding-right: 35px;
padding-top: 15px;
float: right;
clear: both;
padding-bottom: 10px;
width: 23em;
}

Als ich hier die Breite nicht angegeben habe, hat es den letzten Link im Firefox immer auf ne neue Zeile geknickt. Von Seite zu Seite war das mal abgeknickt, mal nicht. Ich habs hier nochmal ohne width gemacht: http://www.eldia.de/komisch.html
Der Witz ist: Klick mal auf einen Link unter Blog Update Dann ists wieder gerade! Echt komisch
Ist nur im Firefox so.

Geändert von Meccs (04.08.2006 um 02:47 Uhr)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 04.08.2006, 06:41
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

In Bezug auf das Hintergrundfoto hast Du mich falsch verstanden, ich meinte mit <ul> die Navigation, und nicht etwa eine eigene <ul>. Und auch nicht als <img>, sondern als Hintergrundbild.

Aber sinnvoller ist eh eine <h1>, auch wenn diese für Dich noch zusätzliche Arbeit bedeutet, denn sie sollte bzw. muß Text enthalten, der dann von der Hintergrundgrafik überdeckt wird (Stichwort "Image Replacement" zwei Postings zuvor).

Nimm innerhalb des Containers also zuerst eine h1#header für das Hintergrundfoto und direkt anschließend ul#navTop.

Zitat:
Zitat von Meccs
Als ich hier die Breite nicht angegeben habe, hat es den letzten Link im Firefox immer auf ne neue Zeile geknickt.
Ganz einfache Regel: float nie ohne width.

Übrigens solltest Du die border-bottom nicht den Links zuweisen, sondern #navTop (Firefox-Textvergrößerung zeigt warum). Diese bekommt dann statt padding-right einfach margin-right (auch hier wieder Double-Float-Margin-Bug des IE beachten) und muß dann breiter werden, da die 35px padding-right nicht mehr dazuaddiert werden. #navTop muß dann ca. 25em breit sein (ausprobieren).

Dann gib #navTop noch text-align: center;, damit sich die Links exakt horizontal zentrieren, und entferne diesen ihr margin: -2px;. Außerdem braucht #navTop kein clear, da oberhalb von ihr nichts floatet (unterhalb von ihr muß dagegen ggf. gecleart werden).

Und: Schneide bg.gif von 1600px Breite auf 770px

Geändert von heiko_rs (04.08.2006 um 06:55 Uhr)
Mit Zitat antworten
Antwort

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
Bild zentrieren JuKo CSS 4 21.03.2018 01:35
Header im Opera verschoben!? hajo808 CSS 3 25.10.2010 16:57
fixed header problem im FF und Opera klingklngeling CSS 2 30.05.2009 14:25
header verrutscht... weblearner CSS 6 03.12.2008 20:34
Opera: Last.fm-Widget überdeckt Header und Footer DieterWelzel CSS 0 25.02.2008 03:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:00 Uhr.