Es ist zwar nicht meine erste Homepage, aber die erste mit css-basierendem Layout. Es funktioniert alles wunderbar in Firefox, aber nun im IE siehts katastrophal aus... Könnt ihr mir helfen, wie es bei beidem geht? Hier mal der Link zu meiner Homepage: http://www.linnelcb.com (noch gehen nicht alle links, weil ich nicht weiter gemacht hab, seit mir der Fehler aufgefallen ist.)
Danke!
Du musst auch auf den Einzelseiten (Frames) einen Doctype einfügen. Allerdings nicht den für Frames, sondern einen normalen.
Dann klappt es aber immer noch nicht ganz, weil der IE6 position: fixed nicht kann.
Wenn du die Seite horizontal zentrieren willst, geht auch
margin: 0 auto;ich habe garkeine frames, das fügt nur Funpic so ein...
mir gehts um meinen selbstgemachten teil. hier mal der code meiner index seite:
<html>
<head>
<title>layout2</title>
<meta name="author" content="Lina Börner">
<style type="text/css">
body{
background-color:#000000;
color:#0e0d2c;
text-align:center;
font-family:verdana;
}
a:link{
text-decoration:none;
color:#0e0d2c;
}
a:visited{
text-decoration:none;
color:#0e0d2c;
}
a:hover{
text-decoration:none;
color:#820330;
}
a:active{
text-decoration:none;
color:6ba6ff;
}
#banner{
position:fixed;
border:0px;
width:980px;
height:132px;
top:0px;
margin-left:-490px;
left:50%;
background-position:center;
}
#navigation{
position:fixed;
border:0px;
width:980px;
height:27px; top:132px;
margin-left:-490px;
left:50%;
background-position:center;
padding-top:5px;
}
</style>
</head>
<body>
<center>
<font size="2">
<div id="banner" style="background-image:url(banner.jpg);">
</div>
<div id="navigation"
style="background-image:url(navigation.jpg);">
[url='index.html']Home[/url]
<a href="uebermich/uebermich.html">Über
mich</a>
[url='merlin/merlin.html']Merlin[/url]
[url='freunde/freunde.html']Freunde[/url]
[url='fotos/fotos.html']Fotos[/url]
[url='videos/videos.html']Videos[/url]
[url='insider/insider.html']Insider[/url]
[url='#']Gästebuch[/url]
[url='#']Reitverein Neuenhain[/url]
[url='#']Young Island[/url]
[url='impressum/impressum']Impressum[/url]</div>
</div></font>
<div id="daten"
style="background-image:url(hintergrund2.jpg); border:0px; width:980px; margin-top:159px;">
<p style="padding-top:30px; color:#b7cff4; font-size:15px;">
######
</p>
[img]herz.jpg[/img]
</div>
</center>
</body>
</html>Auf dieser Seite fehlt der Doctype. Füge mal das ganz an den Anfang (vor <html>):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Wie bereits erwähnt kann der IE 6 nicht psotion: fixed. Probier das mal so:
#banner{
width:980px;
height:132px;
margin: 0 auto;
}
#navigation{
width:980px;
height:27px;margin: 0 auto;
padding-top:5px;
}Auf <center> kannst du verzichten.
Danke für die Antworten! Hab es nun geändert, allerdings sitzt die Navigation und der Banner nun bei Firefox nicht mehr in der Mitte... dafür aber beim IE. Gibt es keine Möglichkeit, dass es bei beiden geht?
bei mir sitzt es auch m ff in der mitte
Sieht bei mir jetzt auch in beiden gleich aus. Ist der Abstand hier Absicht?
<div id="daten"
style="background-image:url(hintergrund2.jpg); border:0px; width:980px; margin-top:159px;">
ja hab nun auch noch ein bisschen dran rumprobiert und nun ist es in der mitte, muss allerdings den abstand des 2. und 3. divs noch anpassen. allerdings trauer ich nun meinem position:fixed ein wenig nach... kann ich das nicht irgendwie wieder einbauen?
Danke für die Antworten! Habs nun 