chris1987x
Threadersteller
Dabei seit: 05.04.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 05.04.2010 19:04
Titel Homepage-Layout an Bildschirmauflösung anpassen |
|
|
Hallo!
Ich hab heut schon den halben Nachmittag nach einer Antwort gesucht, aber ich find einfach keine.
So schaut der Code aus:
Zitat: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel='stylesheet' type='text/css' href='menu_style.css' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fuß und mehr - Renate Dorner</title>
</head>
<style type="text/css">
#apDiv1 {
position:absolute;
width:100%;
height:800px;
z-index:1;
background-color: #7FC241;
}
#apDiv2 {
position:relative;
width:250px;
height:180px;
z-index:1;
background-color: #CCCCCC;
right:-755px;
top: 5px;
left: 860px;
}
body {
margin:0;
padding:0;
height:100%;
}
#apDiv3 {
position:absolute;
width:659px;
height:406px;
z-index:1;
left: 421px;
top: 236px;
background-color: #CCFFCC;
text-align: center;
}
#apDiv4 {
position:absolute;
width:881px;
height:32px;
z-index:1;
background-color: #FFFFFF;
top: 191px;
left: 253px;
}
#apDiv5 {
position:absolute;
width:145px;
height:84px;
z-index:2;
left: -38px;
top: 16px;
background-color: #FFF;
}
#apDiv6 {
position:absolute;
width:145px;
height:84px;
z-index:3;
background-color: #0000FF;
top: 99px;
left: -39px;
}
#apDiv7 {
position:absolute;
width:145px;
height:84px;
z-index:1;
left: -39px;
top: 125px;
background-color: #00FF00;
}
#apDiv8 {
position:absolute;
width:827px;
height:59px;
z-index:2;
left: 253px;
top: 645px;
background-color: #CCFFCC;
}
#apDiv9 {
position:absolute;
width:160px;
height:99px;
z-index:2;
left:253px;
top:236px;
background-color:#000;
}
#apDiv10 {
position:absolute;
width:162px;
height:125px;
z-index:2;
left:253px;
top:351px;
background-color:#000;
}
#apDiv11 {
position:absolute;
width:166px;
height:88px;
z-index:2;
left:253px;
top:496px;
background-color:#000;
}
</style>
<body>
<div id="apDiv9"><img src="inet1.jpg" width="168" height="115" /></div>
<div id="apDiv1">
<div id="apDiv2"><img src="logo.png" width="260" height="185" /></div>
<div id="apDiv11"><img src="inet3.jpg" width="168" height="145" /></div>
<div id="apDiv10"><img src="inet2.jpg" width="168" height="145" /></div>
<div id="apDiv3">
<table width="661" height="327" border="0">
<tr>
<td width="59" height="321"> </td>
<td width="499" valign="top" align="center"><p><br />
</p>
<h3><font face="Verdana, Geneva, sans-serif"></h3>
<h3> </h3>
<h3>Herzlich Willkommen auf der Homepage<br />
des Fußpflegestudios<br />
"fuß und mehr"!
</h3>
<p align="center">Füße tragen uns ein Leben lang – schon dieser Grund genügt um deren Pflege von Anfang an nicht zu vernachlässigen und professionelle Hilfe in Anspruch zu nehmen. Dafür stehe ich Ihnen gerne zur Verfügung.</p>
Renate Dorner
<p> </p></td>
<td width="59"> </td>
</tr>
</table>
</div>
<div id="apDiv4"><div class="menu">
<ul>
<li><a href="#" >Start</a></li>
<li><a href="#" id="current">Über mich</a>
</li>
<li><a href="/faq.php">Produkte</a>
</li>
<li><a href="/contact/contact.php">Pflegetipps</a>
<ul>
<li><a href="#">Trockene Haut</a></li>
<li><a href="#">Fußbrennen</a></li>
</ul>
</li>
<li><a href="/faq.php">Leistungen</a>
<ul>
<li><a href="#">Fußpflege</a></li>
<li><a href="#">Fußpflege mit Lack</a></li>
</ul>
</li>
<li><a href="/faq.php">Gutschein</a>
<li><a href="/contact/contact.php">Fotogallerie</a></li>
<li><a href="/contact/contact.php">Kontakt</a><br>
</li>
</ul></div></div>
</div>
</div>
<div id="apDiv8">
<table width="827" height="59" border="0">
<tr>
<td align="center"><font size="2px" color="#006E79">Fußpflege - mobile Fußpflege. Termine nach telefonischer Vereinbarung!</font></td>
</tr>
<tr>
<td align="center"><font size="2px" color="#006E79">Renate Dorner 6934 Sulzberg Dorf 354, mobil +43 (0)664 975 02 29 renate.dorner@cable.vol.at</font></td>
</tr>
</table>
</div>
</body>
</html>
|
Ich will einfach nur hinbekommen, dass die HP bei jeder Auflösung gleich ausschaut (zentriert, ...)
Was muss ich da noch verändern??
Danke für die Antworten!
|
|