zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Grafiken verschieben sich treppenförmig nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.04.2009, 19:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2009
Beiträge: 3
vadit befindet sich auf einem aufstrebenden Ast
Standard Grafiken verschieben sich treppenförmig nach unten

Halle Leute,
ich ärger mich jetz schon den halben Nachmittag und komm einfach nicht auf die Lösung.

Im Internetexplorer verschiebt sich mein Menü von links oben nach rechts unten stufenförmig, im Firefox jedoch wird alles perfekt dargestellt.

Hier mal der link zur seite

Forst und Gartengerte Mandlik

und hier zur css

http://www.manifestation-online.de/m...css/screen.css

Was hab ich da in der css falsch?

Vielen Dank für eure Hilfe schon im voraus

gruß vadit
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.04.2009, 22:54
Benutzer
neuer user
 
Registriert seit: 19.02.2009
Beiträge: 50
manhunter__ befindet sich auf einem aufstrebenden Ast
Standard

probiers mal, indem du in der css das einfügst:

li {
display: inline;
}
__________________
Besuche meinen Blog über Web Design und Programmierung | Mein Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.04.2009, 23:28
Webstandards Evangelist
neuer user
 
Registriert seit: 13.04.2009
Beiträge: 22
Oliver K. befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

manhunter hat schon die Lösung des Problems geschrieben.

Meine Frage wäre allerdings wieso du den <span> Tag verwendest. Zur Erinnerung, der <span> tag ist ein inline Element und der <ul> Tag ein Block Element und block elemente dürfen nicht in inline elementen enthalten sein. Nur als Denkanregung in sachen Validität.

Besser wäre es wenn du statt <span>, an dieser Stelle, <div> verwendest. Dann klappts auch mit dem Validator.

Die css Datei
Code:
...
.class1 li {
    display: inline;                 /* manhunts fix */
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
...
Die hmtl Datei
HTML-Code:
...
<div class="class1"> <!-- div statt span -->
<ul>
...
</ul>
</div>
...
__________________
Technikwürze - Der Webstandards Podcast für Webentwickler
http://www.webkrauts.de/ - Webstandards für ein besseres Web
http://coderesponsibly.org/ - Ein Appell an Webentwickler

Geändert von Oliver K. (16.04.2009 um 23:34 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
Grafiken verschieben sich bei Texteingabe JJ-Hunter CSS 6 07.07.2011 20:11
Zwei übereinander angeordnete Grafiken im Fließtext Trebor CSS 1 14.01.2011 22:24
horizontale navigation aus meheren grafiken?? celine@23 CSS 16 14.01.2007 16:03
2 Grafiken als Hintergrund ... PiTi CSS 3 08.09.2005 00:33
Verlinkte Vorschaubilder bei nicht geladenen Grafiken Dieter Barrierefreiheit 14 20.08.2005 17:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:10 Uhr.