• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

mittig, mittig, Problem Mac & IE5

Comet

Comet

Administrator
Hi Leute!

Jetzt hab ich mal eine Frage in Sachen css:

Folgenden Code verwende ich erfolgreich für Firefox, IE und Konsorten um den Content mittig zu bekommen:

Code: 
#contentCenter 
{ 	
  position:absolute;
  height:480px; 
  width:800px;
  margin:-240px 0px 0px -400px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  overflow: auto;
}

Jetzt hab ich aber das Problem, daß der Kunde dies mal quer durch die Browser-Prärie geschickt hat und diese jetzt noch das mittig-setzen des Contents im IE5 auf OSX fordern, klingt komisch, ist aber so :)

Hab mir überlegt die ganze Geschichte per browsercheck am IE5 auf OSX einfach anders zu positionieren, leider blieb jeder Versuch erfolglos.

Bin für jede Hilfe dankbar !!
 
@dkdenz: wenn man beim CSS Creator centered angibt wird nur horizontal zentriert, vertikal gibts nicht.

trotzdem nicht uninteressant mal draufzublicken, wie die das machen.
Auch die andere Art nen wrapper für clear zu definieren.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>CssCreator-->XHTML 1.0 Strict standard template </title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<meta name="generator" content="www.csscreator.com" />
<style type="text/css">
/* generated by csscreator.com */
html, body{
 margin:0;
 padding:0;
 text-align:center;
}

#pagewidth{
 width:800px;
 text-align:left;
margin-left:auto;
margin-right:auto;
background:#FFDF00;
}

#maincol{background-color: #009090;
 float: right;
 display:inline;
 position: relative;
 width:;
 }



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
</style>
</head>
<body>
<div id="pagewidth" >
			<div id="wrapper" class="clearfix" >
			<div id="maincol" > Main Content Column </div>
</div>
</div>
</body>
</html>
 
Vielen Dank euch beiden, muß das aber erst kontrollieren lassen, da ich auch keinen Mac zur Verfügung habe, werde einfach mal ein paar Möglichkeiten die bei mir funktionieren am Mac durchchecken lassen.

Browserweiche wäre nur ein Thema gewesen, falls es einfach nicht funktionieren würde, geht aber hoffentlich mit einer der beschriebenen Methoden!

edit: Es liegt wahrscheinlich an folgender Zeile, daß das Teil nicht funktioniert: margin:-240px 0px 0px -400px; laut der iemac-bugliste von bine kann der IE5 damit nicht umgehen, mal schauen.
 
Mich hat das ja nun auch interessiert und ich habe da gestern eine Weile rumgesucht.
Fast alle Quellen geben an, dass der IE5/Mac generell damit nicht klar kommt.
(Edit: also ich meine damit die vertikale Zentrierung)
Es könnte also durchaus sein, dass es gar keine Lösung gibt.
Das musst Du aber, wenn es der Fall sein sollte, dem Kunden erstmal beibringen... :rolleyes:

http://www.traum-projekt.com/html/css/align/index.php
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben