Hallo,
ich doctor nun schon lange an meiner Homepage rum und bin quasi ein CSS Einsteiger. Ich hoffe nun auf Hilfe von euch....
ich habe mein CSS soweit zusammengesetzt und habe alles Dynamisch gehalten indem ich nur mit Prozentangaben gearbeitet habe. Auf meinem lokalen Rechner sieht das soweit auch echt super aus, wenn ich nun aber über meinen Laptop drauf zugreife, oder einen Kollegen drauf zugreifen lasse siehts aus wie Wurst....
Das ist meine Arbeit.
Die Farben sind absichtlich so gewählt.
Und nun noch der zugehörige Code:
Die index.htm
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Informatik Studium Online *** Herzlich Willkommen</title>
<link rel = "stylesheet" href="Design.css" type = "text/css">
</head>
<body>
<pre>
<div id = "maincell">
<div id = "top" style="margin-left:20%; margin-right:20%; margin-top:0%;"><img src="GFX/banner.jpg;" align="absmiddle"> </div>
<div id = "content" style="margin-right:20%; margin-left:20%; overflow:auto;">
<center>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
<p>cada</p>
</center>
</div>
</div>
<div id = "navigation" style="margin-left:10%; margin-top:45%;">
<center>
<p>oiewqhgfoqwitj</p>
</center>
</div>
</pre>
</body>
</html>
Und das CSS:
Code:
/* CSS Document */
body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
background-color:#000000;
}
#maincell{
position: absolute;
background-color: #0099FF;
margin-right: 10%;
margin-left: 10%;
margin-bottom: 10%;
top:0%;
min-width:80%;
min-height: 80%;
}
#top{
background-image: url(GFX/banner.jpg) no-repeat;
min-width:728px;
min-height:90px;
}
#content{
position:absolute;
background-color: #CCCCCC;
min-width: 60%;
min-height: 60%;
max-height: 60%;
}
#navigation{
position: absolute;
background-color: #0099FF;
min-width: 80%;
min-height: 10%;
}
Wo liegt mein Fehler???
Desweiteren habe ich folgendes Problem. Da ich die Navigation mittels PHP einbinden will, habe ich mir XAMPP installiert, wenn ich die HP nun über den localhost aufrufe, wird mir die TOP Grafik nicht mehr angezeigt.
Ich hoffe ihr könnt mir helfen.
Grüße,
MALPI