|
|||
IE ignoriert die Div-Box höhe --> Firefox nicht
Hallo,
beim IE wird die Höhe vom hellgrünenkasten ignoriert aber , beim FF wird es aber richtig dargestellt. Ich bin schon fast am verzweifeln, warum ignoriert der IE wieder die Höhe??? http://www.ffw2.de/test/index.html css: Code:
html { margin : 0px; padding: 0px; } body { margin : 0; padding : 0; font-family: Arial, Helvetica, sans-serif; font-size : 18px; text-align : center; /*Zentrierung des Fenster IE Schrott */ } #Hauptteil { position: static; margin : auto; /* Zentrierung des Fenster Firefox */ background-color: #099; width : 732px; height : 186px; text-align : left; /* explizite Angabe für den IE Schrott*/ } #Eckelinks { position: relative; top : 93px; left : 23px; background-color: #059; width : 93px; height : 93px; } #Eckerechts { position: relative; top : 0px; left : 616px; background-color: #059; width : 93px; height : 93px; } #Menue { position: relative; top : -93px; left : 65px; background-color: #024; width : 602px; height : 24px; } #Bild { position: relative; top : -210px; left : 0px; background-color: #015; width : 732px; height : 93px; } #Hauptteil2 { position: static; top : 0px; margin : auto; width : 650px; background-color: #F00; } #Textfleache { position: relative; top : -69px; margin : auto; width : 500px; background-color: #C00; } Code:
<html> <head> <link rel="stylesheet" type="text/css" href="Richtlinien.css"> <title>SMG-Comunicator</title> </head> <body> <div id="Hauptteil"> <div id="Eckelinks"></div> <div id="Eckerechts"></div> <div id="Menue"></div> <div id="Bild"></div> </div> <div id="Hauptteil2"> <div id="Textfleache">test </div> <div id="Randmusterlinksgelb"></div> <div id="Randmusterlinksgrau"></div> <div id="Randmusterrechtsgelb"></div> <div id="Randmusterrechtsgrau"></div> </div> </body> </html> mfg Hans |
Sponsored Links |
|
|||
das liegt daran, dass du keinen Inhalt darin hast schreib entweder einen alternativtext hinein den du dann per css ausblendest oder vergib line-height..
Zitat:
|
Sponsored Links |
|
|||
wie wärs wenn du nochmal liest, was ich geschrieben habe und dir dann beim stöbern in z.B. www.css4you.de Gedanken machst wie du das:
Zitat:
|
|
|||
Code:
<div id="Randmusterlinksgelb"></div> <div id="Randmusterlinksgrau"></div> <div id="Randmusterrechtsgelb"></div> <div id="Randmusterrechtsgrau"></div> ich habe in den hellgrünenkasten (Siehe http://www.ffw2.de/test/index.html) was reingeschrieben und hab diesen Text größe 0px angegeben, da line-height nicht funktioniert. Der Effekt: beim FF wird es angezeigt wie es sein soll und beim IE wird die Box noch größer. Oder meinst du eine andere Box? mfg Hans P.S.: sorry wollte nicht deine Zeit stehlen swoop |
|
|||
http://www.ffw2.de/test/index.html (war eine "(" zuviel )
Ich weiß jetzt warum der IE die Hellgrüne Box immer max 303px groß anzeigt, denn der IE nimmt die Höhe aller Boxen die in der hellgrünen Box vorhanden sind. ( #Eckelinks; #Eckerechts ;#Menue; #Bild ) Ich hab bei css4you nichts gefunden, wie ich den IE Schrott das beibringen kann, dass er die Höhe der Boxen nicht mitrechnen soll. Hat einer eine Ahnung, wie ich den IE austrixen kann? |
|
|||
juhuu hab das Problem gelöst, bei den Div Container.
Problem: IE definiert die Höhe der Div Hauptbox anhand der Anzahl der Höhe der div Boxen die in der Hauptbox definiert sind. Lösung: #Hauptteil { position: static; margin : auto; /* Zentrierung des Fenster Firefox */ background-color: #099; width : 732px; height : 186px; text-align : left; /* explizite Angabe für den IE Schrott*/ overflow: hidden; /* der wurde neu gesetzt*/ } ... overflow: hidden Legt fest, wie ein Bereich oder ein Element, der innerhalb eines anderen Elements definiert wird, angezeigt werden soll. hidden: schneidet den "übergroßen" Inhalt einfach ab. ... und schon funktioniert es bei IE unf FF. mfg Hans |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 10:59 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 13:12 |
Kleiner problem miut der höhe des div elements | Griborim | CSS | 0 | 15.10.2006 19:45 |
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, | marioN | CSS | 2 | 19.01.2004 17:17 |
höhe eines div tag an ein anderes anpassen | ffr | CSS | 4 | 09.12.2003 16:59 |