Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 26.07.2006, 17:01
smartt smartt ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.07.2006
Beiträge: 9
smartt befindet sich auf einem aufstrebenden Ast
Standard

ich musste leider gerade feststellen, das im IE die linke und die rechte Spalte zu klein werden (d.h. die mittlere Spalte wird zu groß), wenn man "Ansicht->Schriftart->größer" auswählt. Im Firefox funktioniert das wunderbar.

hier mein aktueller Quelltext
Code:
<div id="site">
	<div class="oben">
		<div class="header"><img src="mages/header.jpg" /></div>
	</div>
	  <div id="main">
	    <div id="content">
		<div id="navigation">Inhalt von Navigation</div>
    	        <div id="meinmenu">personaliesierbarer Inhalt</div>
	      <p>irgendwelcher Content. Kann auch länger sein! </p>
	      <div class="clear"></div>
            </div>
  	  </div> 
	
	<div class="unten">
	  <div class="footer">Uhrzeit, Druckenbutton, etc</div>
	</div>
	<div class="rest">
	  <div class="rest-mitte"></div>
	</div>
</div>
und hier noch mein css

Code:
/* ####################
          Hauptlayout 
#####################*/

.site {
	width: 100%;
	height: 100%;
	text-align: center;
}

.oben {
	width: 100%;
	background: url(images/layout/tab-oben.gif);
	text-align: center;
}

.oben .header {
	width: 79.8em;
	height: 8.2em;
	margin: auto;
	background-color: #FF6600;
}

.oben .header IMG{
	width: 100%;
}

#main {
	width: 79.8em;
	margin: auto;
}

#content {
	position:relative;
	display: block;
	list-style: url(images/verlauf_kopf_fuss_leiste.jpg);
	background: #EBEBEB;
	overflow: visible;
	float: left;
	border-left: 13.25em solid #D7D7D7;	
	border-right: 13.25em solid #fafafa;	
}
* html #content {display:inline-block;}
/* * #content{ width: 79.8em;}*/

#navigation {
	position:relative;
	display: inline;
	width: 13.25em;
	margin-left: -13.25em;
	float: left;
}

* html #navigation {width:13.25em;}

#meinmenu {
	/*  ein hundertstel kleiner als navigation, weil manchmal Umbruch im IE*/
	position:relative;
	display: inline;	
	width: 13.24em;
	margin-right: -13.24em;	
	float: right;
}

.clear {clear:both;height:1px;overflow:hidden;}

.unten {
	width: 100%;
	float: left;
	background: #D7D7D7;
}

.unten .footer {
	width: 79.8em;
	margin: auto;
	background: #FF6600;
}

.rest {
	width: 100%;
	height: auto;
	float: left;
	background: #EBEBEB;
}

.rest .rest-mitte {
	width: 79.8em;
	height: auto;
	margin: auto;
	background: #999999;
}
woran liegt das nun wieder?

Gruß, smartt
Mit Zitat antworten