zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wieder mal ein IE Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.10.2005, 08:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2005
Beiträge: 5
Michilein befindet sich auf einem aufstrebenden Ast
Standard Wieder mal ein IE Problem

Hallo zusammen

Mittels CSS positioniere ich immer eine Zeile von 5 kleinen Bilder nebeneinander. Nach 5 Bilder mache ich mittels clear:left einen Zeilenumbruch. Im Firefox sieht es auch wunderbar aus aber im IE macht es mir eine Treppe mit den Bildern.
Schaut es euch doch mal an:
Hier klicken

Der Code sieht folgendermassen aus:
Code:
/****CSS für gelbe Tabs******/
#navcontainer
{
margin: 0px;
padding-left: 2px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li {
padding-left: 10px;
}

#navcontainer ul li a
{
text-decoration: none;
background: url(../images/layout/folderOFF.png) no-repeat top left;
font-size: 10px/12px;
float: left;
margin: 0px;
height: 80px;
width: 150px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
}

#navcontainer li a:hover
{
background: url(../images/layout/folderON.png) no-repeat left top;
color: #ff3333;
font-weight: bold;
}
/********ENDE****************/
Danke für eure Hilfe
Gruss
Michi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.10.2005, 08:48
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Sehen tu ich nix, mit der Log-in-Aufforderung gehts net mehr weiter.

Du verwendest allerdings keinen Doctype. Dadurch interpretiert der IE das Boxmodell anders als der FF. das kann erhebliche Layoutprobleme nach sich ziehen.

Lies mal das:

http://www.carsten-protsch.de/zwisch...model_bug.html


grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.10.2005, 08:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2005
Beiträge: 5
Michilein befindet sich auf einem aufstrebenden Ast
Standard Login

Sorry klar mein Fehler.
Hier der richtige Link: Richtiger Link
User: admin
PW: admin

Dann sieht man auch was.

Danke und Gruss
Michi
Mit Zitat antworten
  #4 (permalink)  
Alt 25.10.2005, 09:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.776
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Gib den li-Elementen das float, nicht erst den a-Elementen.

Warum ist dein Menü keine Liste?

Du hast noch immer keine Doctype-Angabe.

Grüße
fricca
Mit Zitat antworten
  #5 (permalink)  
Alt 25.10.2005, 12:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2005
Beiträge: 5
Michilein befindet sich auf einem aufstrebenden Ast
Standard IE Problem

Habe nun den Doctype hinzugefügt und den Float ebenfalls schon beim li Element hinzugefügt. Sieht nun zwar besser aus aber immer noch nicht befriedigend.
Hat der IE Probleme den Style clear:left richtig anzuzeigen?
Weiss jemand was?
Bin für jeden Input sehr dankbar.

Gruss
Michi
Mit Zitat antworten
  #6 (permalink)  
Alt 25.10.2005, 12:49
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Hm?

Vergessen hochzuladen?
vergessen, den a das float zu nehmen?
vergessen, das überflüssige </head> rauszunehmen?

grüsse
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 25.10.2005, 13:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2005
Beiträge: 5
Michilein befindet sich auf einem aufstrebenden Ast
Standard Genau...hmm?

Alles vergessen...bin ein bisschen durch den Wind.

Habe das File nun hochgeladen, den überflüssigen Tag entfernt...wenn ich allerdings dem a das float wegnehme, gehts auch im FF nicht mehr.

Danke schon wieder für eure Hilfe.

Gruss
Michi
Mit Zitat antworten
  #8 (permalink)  
Alt 25.10.2005, 14:37
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Code:
#navcontainer ul li { 
	padding-left: 10px;   hier ein float left zusetzen 
}

#navcontainer ul li a
{
text-decoration: none;
background: url(../images/layout/folderOFF.png) no-repeat top left;
font-size: 10px/12px;
float: left; 
margin: 0px;
height: 80px;
width: 100px;
padding-top: 13px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;

}
Du hast den li's immer noch kein float mitgegeben oder dein css-file nicht hochgeladen. Dann kannst Du auf float bei a verzichten.

grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #9 (permalink)  
Alt 25.10.2005, 16:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2005
Beiträge: 5
Michilein befindet sich auf einem aufstrebenden Ast
Standard Nichts genützt

Habe den float jetzt noch hinzugefügt...bringt aber auch nichts.
Das aktuelle css File ist nun auch auf dem Server...

Danke und Gruss
Michi
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.10.2005, 10:24
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Natürlich hats was gebracht.
Jetzt sieht es aus, wie es soll, siehe screenshot

(Browsercache und temp-dateien leeren)

grüsse andir
Angehängte Grafiken
Dateityp: gif learnonline-ie.gif (10,1 KB, 135x aufgerufen)
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
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
Problem mit margin-left Shyne CSS 7 03.03.2008 18:02
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 10:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 09:57
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 17:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 06:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:27 Uhr.