zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE ignoriert die Div-Box höhe --> Firefox nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.07.2005, 21:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2005
Beiträge: 7
Bigmad befindet sich auf einem aufstrebenden Ast
Standard 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;
			 }
html:
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>
ich bin bei jeder Antwort dankbar.
mfg

Hans
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.07.2005, 21:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

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:
position: static
ist unnötig, da standard..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.07.2005, 22:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2005
Beiträge: 7
Bigmad befindet sich auf einem aufstrebenden Ast
Standard

Wie kann ich in der Box das eintragen, dass der IE checkt das er die Höhe nehmen soll?

mfg

Hans
Mit Zitat antworten
  #4 (permalink)  
Alt 04.07.2005, 22:06
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

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:
<div id="Randmusterlinksgelb"></div>
<div id="Randmusterlinksgrau"></div>
<div id="Randmusterrechtsgelb"></div>
<div id="Randmusterrechtsgrau"></div>
umgehen kannst..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #5 (permalink)  
Alt 04.07.2005, 22:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2005
Beiträge: 7
Bigmad befindet sich auf einem aufstrebenden Ast
Standard

Code:
 <div id="Randmusterlinksgelb"></div>
<div id="Randmusterlinksgrau"></div>
<div id="Randmusterrechtsgelb"></div>
<div id="Randmusterrechtsgrau"></div>
??? also dieser Teil spielt doch in diesen Fall keine Rolle und position: static schreibe ich wegen der Überschaubarkeit hin. Aber jetzt zurück zum wirklichen Problem.

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
Mit Zitat antworten
  #6 (permalink)  
Alt 04.07.2005, 22:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

dein Link funktioniert nicht...

schriftgrößen sollte man relativ angeben..fix mal den link, dass man sich das mal ankuckn kann..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #7 (permalink)  
Alt 04.07.2005, 23:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2005
Beiträge: 7
Bigmad befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #8 (permalink)  
Alt 05.07.2005, 00:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.07.2005
Beiträge: 7
Bigmad befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 05.07.2005, 00:48
Benutzer
neuer user
 
Registriert seit: 07.04.2005
Beiträge: 56
Salz` befindet sich auf einem aufstrebenden Ast
Standard

wie wäre's mit overflow: auto; dann hast du gegebenfalls ein scroll-balken, und der inhalt ist nicht "wech".
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 25.08.2010, 02:06
Neuer Benutzer
neuer user
 
Registriert seit: 24.08.2010
Beiträge: 6
Der Ori befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Bigmad Beitrag anzeigen
[...]
overflow: hidden; /* der wurde neu gesetzt*/
[...]
Dein Problem hatte ich auch gerade. Das war die Lösung, Danke.
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
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 14:12
Kleiner problem miut der höhe des div elements Griborim CSS 0 15.10.2006 20:45
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, marioN CSS 2 19.01.2004 18:17
höhe eines div tag an ein anderes anpassen ffr CSS 4 09.12.2003 17:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:01 Uhr.