Ich habe eigentlich zwei Probleme und hoffe, dass mir jemand helfen kann.
Zuerst einmal möchte ich meine Internetseite in der Mitte ausrichten.
Habe nun die Befehle margin-left genommen, aber auf breiteren Bildschirmen (benutze Laptop) wird die Seite eher links ausgerichtet. Auf "margin: auto;" reagiert Internetexplorer nicht und dann ist es wieder links.
Hat jemand Ideen?
Fast das gleiche Problem habe ich mit dem Inhalt, wie bekomme ich es hin, dass ich den Footer auch wirklich immer unten habe und so viel Text schreiben kann wie ich möchte (Jetzt ist auch hier das Ganze mit margin-top eingerichtet) ohne dass etwas vom Bildschirm verdeckt wird bzw. automatisch weiter nach unten geht? (Hoffentlich versteht ihr, was ich meine...)
Hier erst der Stylesheet:
- Code: Alles auswählen
body {
background-color: #ccb895;
text-align:center;
}
.ausgefuchst_kopf {
text-align: center;
background-image:url(ausgefuchst_kopf.jpg);
width: 700px;
height: 88px;
margin-left: 100px;
}
.ausgefuchst_inhalt {
text-align: center;
float:left;
width: 700px;
margin-left: 100px;
}
.ausgefuchst_footer {
text-align: center;
background-image:url(bg.png);
background-repeat:no-repeat;
width: 700px;
height: 50px;
margin-left: 130px;
repeat: none-repeat;
margin-top: 330px;
}
p {
font-face: "Verdana";
font-size: 13px;
}
h1 {
font-family: Ribeye Marrow;
font-size: 35px;
}
h2 {
font-family: Give You Glory;
font-size: 25px;
color: #382f1f;
}
hr {
border-bottom: 1px dotted #382f1f;
text-deoration: none;
}
Und dann eine Beispielseite:
- Code: Alles auswählen
<html>
<head>
<title> AUSGEFUCHST - Aus dem Leben der bizarren Ebby-Lynn. </title>
<link media="screen" href="ausgefuchst_style.css" type="text/css" rel="stylesheet" />
<link media="screen" href="links_style.css" type="text/css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Ribeye+Marrow' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="ausgefuchst_kopf">
</div>
<div class="ausgefuchst_inhalt">
<br />
<a href="start.html" class="navigation">Hauptseite</a> | <a href="news.html" class="news">News</a> | <a href="artistin.html" class="navigation">Artistin</a> | <a href="Artworks.html" class="navigation">Artworks</a>
<h1> AUSGEFUCHST - </h1>
<h2> das Leben der bizarren Ebby-Lynn. </h2>
<p>
<i> <b>
Augen.
<br />
<br />
Gelbe Augen.
<br />
<br />
Fuchsaugen.
</i>
</b>
</p>
</div>
<div class="ausgefuchst_footer"></div>
<a href="impressum.html" class="rechtliches_zeugs">Impressum</a> | <a href="kontakt.html" class="rechtliches_zeugs">Kontakt</a>
</body>
</html>
lg,
Janiene
