Seite wird nur auf Mac-Browsern richtig (mittig) angezeigt

von **Lars** » 10.04.2005, 01:45

Hallo,

bin gerade dabei, mit dem Mac meine Homepage zu basteln und habe entsetzt festgestellt, daß sie nur von den Mac-Versionen der Browser (IE, Netscape, Camino, Firefox, Opera, Safari), aber nicht von den entsprechenden PC-Versionen so angezeigt wird, wie ich mir das vorstelle, nämlich in der Mitte! Stattdessen erscheint der Text links oben. Das betrifft übrigens auch Netscape Communicator 4.5 für Mac. Was mache ich falsch?

Hier der Quellcode:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Biographie</title>
<link href="layout.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css">

</style>
</head>

<body bgcolor="black" text="red">
<p><a name="Anchor-49575" id="Anchor-49575"></a><a name="Anchor-47857" id="Anchor-47857"></a></p>
<div id="Ebene1">
<div align="left">
<font face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif">Biographie | <a href="publikationen.html">Publikationen</a> | <a href="vortraege.html">Vorträge</a> | <a href="kontakt.html">Kontakt</a></font></div>
</div>
<div id="Ebene2">
<div align="left">
<p><font face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif">Dies ist ein Blindtext</font></p>
</div>
</div>
</body>

</html>

Und hier die externen CSS:

#Ebene1 { font-size: 10pt; visibility: visible; margin: 8% auto; padding-top: 12px; padding-right: 12px; padding-bottom: 0; width: 700px; height: 20px; border-style: solid; border-width: 0 0 1px; border-color: white }
#Ebene2 { color: red; font-size: 10pt; background-color: black; visibility: visible; margin: -5% auto; width: 700px; height: 20px;}

Kann mir jemand helfen?
1000 Dank!

LG Lars

von **Shadowfax** » 10.04.2005, 15:51

Ich weiß ja nicht genau, ob ich dich jetzt richtig verstanden habe, aber ich würde mal probieren, anstelle von "align=left" "align=center" zu nehmen. :wink:

gruß

von **Lars** » 10.04.2005, 16:13

Vielen Dank für den Tip! Leider ist mein Problem damit noch nicht ganz behoben, denn der Text ist dann ja auch mittezentriert. Ich möchte aber nur die Box zentriert und den Text linksbündig (am linken Rand der Box) haben. Hast Du vielleicht noch eine Idee?

LG

Lars

von **Shadowfax** » 10.04.2005, 18:18

Kein Problem:

1. Ich hab mal deinen Quelltext und die CSS Datei etwas aufgeräumt. Die FONT Tags sind überflüssig, das kann man einfach mit CSS machen. Ebenso die Links.
Dann brauchst du auch nur eine DIV Box, die die anderen beiden zentriert, nicht zwei.
Den CSS Code hab ich auch etwas verändert, schau es dir am besten an, du siehst dann ja, was anders ist. Man kann da einiges zusammenfassen.

2. HTML:

Code: Alles auswählen: <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <title>Biographie</title> <link href="style3.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <p><a name="Anchor-49575" id="Anchor-49575"></a><a name="Anchor-47857" id="Anchor-47857"></a></p> <div align="center"> <div id="Ebene1"> Biographie | <a href="publikationen.html">Publikationen</a> | <a href="vortraege.html">Vorträge</a> | <a href="kontakt.html">Kontakt</a></div> <div id="Ebene2"> <p>Dies ist ein Blindtext</p> </div> </div> </body> </html>

3. CSS:

Code: Alles auswählen: body { background: black; color: red; font: 10pt Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } a:link {color:#FFFFFF; text-decoration:none } a:visited {color:#FFFFFF; text-decoration:none } a:hover {color:#FF0000;text-decoration:none } a:active {color:#FF0000;text-decoration:none } #Ebene1 { width: 700px; height: 20px; margin: 8% auto; padding: 12px 12px 0px 0px; border-bottom: 1px solid #FFF; text-align:left;} #Ebene2 { width: 700px; height: 20px; margin: -5% auto; text-align:left; }

gruß

Seite wird nur auf Mac-Browsern richtig (mittig) angezeigt

Seite wird nur auf Mac-Browsern richtig (mittig) angezeigt

Ähnliche Beiträge zu "Seite wird nur auf Mac-Browsern richtig (mittig) angezeigt"

Wer ist online?