zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem bei Layout und width:100% (IE)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.04.2006, 17:26
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2005
Beiträge: 34
klopfdreh befindet sich auf einem aufstrebenden Ast
Standard Problem bei Layout und width:100% (IE)

Hallo,
ich habe mich jetzt mal dazu entschlossen mir wieder eine eigene Seite zu bauen.

Ich habe ein Layout was sich der Bildschirmgröße anpassen soll.

die Stylesheet angaben sehen so aus:
Code:
*{
	margin:0;
	padding:0;
}

html,body{
	overflow:hidden;
	height:100%;
}

#menu{
	background-image:url(linkstop.jpg);
	width:265px;
	height:1000px;
}

#left{
	background-image:url(linkskachel.jpg);
	float:left;
	height:100%;
}
#topleft{
	background-image:url(topleft.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
	float:left;
	height:135px;
	width:118px;
}

#topcenter{
	background-image:url(topcenter.jpg);
	width:100%;
}

#topright{
	background-image:url(topright.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:135px;
}

#centerleft{
	background-image:url(centerleft.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
	width:580px;
	height:100%;	
}

#centercenter{
	background-image:url(centercenter.jpg);
	height:100%;
}
#centerright{
	background-image:url(centerright.jpg);
	background-position:right top;	
	background-repeat:repeat-y;
	height:100%;
}
und der dazu gehörige HTML-Code so:
Zitat:
<body>

<div id="left">
<div id="menu">
</div>
</div>

<div id="topcenter">
<div id="topleft">
</div>
<div id="topright">
</div>
</div>

<div id="centercenter">
<div id="centerleft">
</div>
<div id="centerright">
</div>
</div>

</body>
Das Problem ist, dass der Firefox alles richtig darstellt und im IE einige der divs nicht dargestellt werden. Ich vermute es liegt an der width:100%.

Vieleicht erkennt ja jemand das Problem mittels des Codes. Habe die Page bislang nur aufm Lokalhost liegen

Danke schonmal im Vorraus.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.04.2006, 17:41
Benutzer
neuer user
 
Registriert seit: 24.03.2006
Beiträge: 87
alexo befindet sich auf einem aufstrebenden Ast
Standard

bei mir macht der ie immer problem mit divs wenn nichts drinnen vorkommt...d.h. ich schreibe in die divs immer ein !

viell. hilft es dir....
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.04.2006, 17:43
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Zitat:
Zitat von alexo
bei mir macht der ie immer problem mit divs wenn nichts drinnen vorkommt...d.h. ich schreibe in die divs immer ein !
welchen Sinn hat dann das DIV?
Mit Zitat antworten
  #4 (permalink)  
Alt 13.04.2006, 17:45
Benutzer
neuer user
 
Registriert seit: 24.03.2006
Beiträge: 87
alexo befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
welchen Sinn hat dann das DIV?

ist ja nur in der entwicklungsphase ..... u. wie du siehst steht bei seinen divs noch nichts darin.........
Mit Zitat antworten
  #5 (permalink)  
Alt 13.04.2006, 17:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2005
Beiträge: 34
klopfdreh befindet sich auf einem aufstrebenden Ast
Standard

Ich habs gerade getestet, es funktioniert auch mit &nbsps nicht. Es ist quasi so, als ob die divs garnicht angezeigt werden. Kann das an den floats liegen ? Das die Restlichen divs quasi unter den linken Bereich fallen und man sie so nichtmehr sieht ?
Mit Zitat antworten
  #6 (permalink)  
Alt 13.04.2006, 17:50
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
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

Kopier mal deinen obigen Code in einen Editor und schau dir an, was du dann im Browser siehst.
Und dann erstell einen Testcase, der dein Problem nachvollziehbar macht.
http://www.xhtmlforum.de/viewtopic.php?t=1399
Mit Zitat antworten
  #7 (permalink)  
Alt 13.04.2006, 17:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Zitat:
Zitat von alexo
Zitat:
welchen Sinn hat dann das DIV?

ist ja nur in der entwicklungsphase
dann sollte man dennoch besser sichtbaren Text reinschreiben, um das Verhalten und den Ort des DIVs besser wiederzuerkennen.
Mit Zitat antworten
  #8 (permalink)  
Alt 13.04.2006, 18:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2005
Beiträge: 34
klopfdreh befindet sich auf einem aufstrebenden Ast
Standard

Es lag tatsächlich an der width. Da ich einen Seitenbereich mit einer gewissen width definiert hab und einen weiteren bereich daneben hab floaten lassen und die width von diesem auch auf 100% gestellt hatte. Sind die gefloateten Elemente eine Zeile tiefer gerückt.
Mit Zitat antworten
  #9 (permalink)  
Alt 13.04.2006, 18:09
Benutzer
neuer user
 
Registriert seit: 24.03.2006
Beiträge: 87
alexo befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von mazzo
dann sollte man dennoch besser sichtbaren Text reinschreiben, um das Verhalten und den Ort des DIVs besser wiederzuerkennen.

kann man natürlich auch .....
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 layout --> testcase andip CSS 5 29.02.2008 15:10
Problem mit dreispaltigem Layout im IE Breezah CSS 7 13.08.2006 22:27
Problem mit 3-Zeiligem Layout guenterfrosch CSS 6 10.08.2006 13:41
Layout Problem smooth-graphics CSS 3 08.08.2006 18:59
Flexibles 3-Spalten Head-Foot Layout Problem crucho CSS 4 26.08.2004 22:27


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