1
CSS Firefox geeignet erstellen?
Morgen,
dass die verschiedenen Browser Webseiten anderst darstellen, bei nicht konformen Code ist bekannt. Aber ich weiß nicht wie
ich es hinbekomme dass meine Webseite auf beiden Browsern in etwa gleich dargestellt werden.
Fange gerade erst an meine Seite zu basteln und ich habe links eine Box für die Links. Die Links sollen mittig in der Box stehen.
Beim IE klappt das auch, aber Firefox schmeisst sie mir dann wieder linksbündig.
Was kann ich da machen?
Hier mal der HTML Quelltext:
Hoffe es kann mir jemand helfen.
LG
dass die verschiedenen Browser Webseiten anderst darstellen, bei nicht konformen Code ist bekannt. Aber ich weiß nicht wie
ich es hinbekomme dass meine Webseite auf beiden Browsern in etwa gleich dargestellt werden.
Fange gerade erst an meine Seite zu basteln und ich habe links eine Box für die Links. Die Links sollen mittig in der Box stehen.
Beim IE klappt das auch, aber Firefox schmeisst sie mir dann wieder linksbündig.
Was kann ich da machen?
Hier mal der HTML Quelltext:
<html>
<head>
<title>Erste Homepage</title>
<link rel="stylesheet" type="text/css" href="CSS/style.css" />
</head>
<body>
<div id="header">
<h1>Willkommen auf meiner ersten Homepage</h1>
</div>
<div id="linkBox">
<div id="links">
<table>
<tr><td><a href="Seite1.htm">Startseite</a></td></tr>
<tr><td><a href="Seite2.htm">Über mich</a></td></tr>
<tr><td><a href="Seite3.htm">Hobbys</a></td></tr>
<tr><td><a href="Seite4.htm">Impressum</a></td></tr>
</table>
</div>
</div>
<div id="inhalt">
<h1>Startseite</h1>
</div>
</body>
</html>
Und noch das CSS File:
body{
margin: 0px;
}
#header{
margin:0px;
background-color: #808080;
text-align: center;
height:80px;
padding-top:15px;
padding-bottom:15px;
}
#linkBox{
background-color: #C0C0C0;
width:150px;
height:100%;
background-image:url("index.jpg");
background-repeat: no-repeat;
background-position:bottom center;
}
#links{
position:absolute;
left:40px;
}LG
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 158536
Url: https://administrator.de/contentid/158536
Printed on: April 25, 2024 at 15:04 o'clock
1 Comment
Morgen @Druide83,
Optimiere deine Website für den Firefox, baue dann Browserweichen bzw. CSS-Hacks für den IE ein.
Gruß
Snow
Zitat von SelfHTML
absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Vorfahrenelements, das nicht die Normaleinstellung position:static aufweist. Scrollt mit.Optimiere deine Website für den Firefox, baue dann Browserweichen bzw. CSS-Hacks für den IE ein.
Gruß
Snow
