Browser-Optimierung

[spamerix]

Ich lasse es mal bei den alten Typ, sind ja nur 12 iFrame Fehler.

Jetzt habe ich nur noch ein Problem in IE ....

Und zwar wird mein text nicht richtig mittig angezeigt.


<div id="contentcontainer">
<br/>
<br/>
<h1>
Die Seite befindet sich im aufbau.
</h1>
Man kann aber schon den Chat und das Forum nutzen.
</div>

#contentcontainer{ position: absolute;
top: 190px;
bottom: 20px;
left: 100px;
width: 100%;
height: 115%;
z-index: 0;
color: red;
background-image: url(Bilder/backgrund.gif);
background-repeat: no-repeat;
overflow: auto;
max-width:1005px;
max-height:980px;
border:2px solid #848484;
}

Mfg

André

 

[Maik]

Kann ich nicht bestätigen, dass der Text nicht richtig horizontal zentriert wird.

Ansonsten nimm im Zweifelsfall in dem gezeigten Regelblock text-align:center auf.

mfg Maik

 

[spamerix]

width: 100%;


width: 79%; <<< habe es schon geändert gehabt.

Jetzt ist nur noch das prob mit counter und navi

 

[Maik]

Hat dich eigentlich noch niemand darüber aufgeklärt, dass in einem IE-spezifischen Stylesheet (layout_ie.css) nicht der vollständige CSS-Code des vorherigen und "herkömmlichen" Stylesheets (layout.css) wiederholt wird, sondern darin ausschliesslich die Selektoren und CSS-Eigenschaften aufgenommen werden, die im IE einer Korrektur bedürfen, und so die Eigenschaftswerte aus dem vorangegangen Stylesheet überschreiben sollen?

Dann ist jetzt hiermit und offiziell geschehen.

mfg Maik

 

[spamerix]

Doch ich wusste das habe nur nicht mehr dran gedacht, schaue den ganzen tag auf den code und lese auch aber schnalle es nicht immer gleich aber wen es klick macht macht es klick und ich merke es mir für immer.

Ich nehme morgen alles raus aus der css IE was nicht rein gehört.

Danke Maik

Mfg

André

 

[Maik]

Hi,

#flyout table {position:absolute; 
	border-collapse:collapse; 
	top:0; left:15; 
	z-index:100; 
	font-size:1em;}

erstens fehlt hier grundsätzlich eine Angabe zur Einheit (px), da der Wert größer null ist, und zweitens ist im Original-Stylesheet dieser Wert auf null gesetzt, was wohl ein Grund für die Verschiebung des Submenüs im IE sein dürfte.

mfg Maik

 

[spamerix]

Hi,

#flyout table {position:absolute; 
	border-collapse:collapse; 
	top:0; left:15; 
	z-index:100; 
	font-size:1em;}

erstens fehlt hier grundsätzlich eine Angabe zur Einheit (px), da der Wert größer null ist, und zweitens ist im Original-Stylesheet dieser Wert auf null gesetzt, was wohl ein Grund für die Verschiebung des Submenüs im IE sein dürfte.

mfg Maik

Habe es geändert aber im IE gehts trotzdem nicht

 

[Maik]

Hi,

dann feil mal an der Schriftgröße für das h1-Element, denn ohne jegliche CSS-Formatierung kommt hier die Browsereinstellung zum Einsatz.

mfg Maik

 

[spamerix]

Habe mal h1 entfernt ...

Aber irgend wie geht es nicht.

Und wie ich es nach links bekommen weiß ich auch nicht.

Finde kein Addon für Explorer wie für Firefox zum anzeigen lassen von css.

 

[Maik]

Kommentier mal testweise das hier aus:

#wrap {width: 0; 
	left: 17px;	
	position:relative; 	
	background:#000; 
	height:362px; 
	padding:0 0px; 
	color:#999; 
	margin-left:25px;}

Und welchen Sinn soll hier eigentlich width:0 ergeben?

Ebenso sind meines Erachtens diese beiden Breitenangaben sinnfrei:

#flyout {font-size:11px; 
	padding:0; 
	margin:0; 
	list-style:none; 
	width:24px; 
	height:360px; 
	position:absolute; 
	left:-25px;}


#flyout li {display:block; 
	
	width:120px; 
	height:27px; 
	background:#CCCCCC;
	border:3px solid #999999;
	 -moz-border-radius:30px;
}

mfg Maik