mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 12:33 Benutzername: Passwort: Auto-Login

Thema: Homepage-Layout an Bildschirmauflösung anpassen vom 05.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Homepage-Layout an Bildschirmauflösung anpassen
Autor Nachricht
chris1987x
Threadersteller

Dabei seit: 05.04.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 05.04.2010 19:04
Titel

Homepage-Layout an Bildschirmauflösung anpassen

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</td>
<td width="499" valign="top" align="center"><p><br />
</p>
<h3><font face="Verdana, Geneva, sans-serif"></h3>
<h3>&nbsp; </h3>
<h3>Herzlich Willkommen auf der Homepage<br />
des Fußpflegestudios<br />
&quot;fuß und mehr&quot;!
</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>&nbsp;</p></td>
<td width="59">&nbsp;</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!
  View user's profile Private Nachricht senden
hirnzellenmatsch

Dabei seit: 05.04.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 05.04.2010 19:19
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.wpdfd.com/editorial/thebox/deadcentre3.html

Schau Dir Das mal an ... Du musst den Ausgangspunkt von der Linken oberen Ecken in die Mitte legen mit Minuswerten um die hälfte der Container width und height ...


Zuletzt bearbeitet von hirnzellenmatsch am Mo 05.04.2010 19:21, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Homepage für Joomla anpassen
Homepage an die Monitorgröße automatisch anpassen
Layout anpassen in Plone
Wordpress Layout - Anpassen der Navigation
Fotos Hoch und Quer, wie Layout anpassen?
Textfeld mit CSS ändern - Problem beim Layout anpassen!
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.