relativer Abstand der kompletten Site zum linken Rand

**Mortis** · 11.08.2006 23:23

Hi,

hier ist die bisherige Grundstruktur meiner Site zu sehen.
Wie bekomme ich nun den kompletten Inhalt so hin, dass er relativ zum Rand ist und eine Mindestbreite hat? (Beispiel dafür ist hier: Rudd-Home.
Beim Verkleinern der Seite soll alles nach links rutschen und nicht absolut am linken Rand kleben...

Ich muss doch bestimmt nur die bisherigen <div>'s in ein höhergestelltes Element einbetten, richtig?

Wie gehe ich das an?

EDIT: Nach langem Überlegen wird mir klar, dass ich nur ein div-Element brauche, dass diese beliebte Eigenschaft hat, den linken Rand "dynamisch" zu verkleinern, wenn die Breite des Browsers verändert wird...

**StephanF** · 12.08.2006 07:48

der Trick, der inhalt auf Rudd-Home ist lediglich zentriert. Das geht z.B: so:

PHP-Code:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Layer in der Mitte</title>

<style type="text/css">

body{

margin: 0px;

text-align: center; /*der Trick, jetzt klappts im IE*/

}

#layer1{

background-color: #99CC66;

width: 760px;

height: 400px;

 /*der Trick, jetzt für FF*/

margin-left:auto; 

 margin-right:auto;

}

</style>

</head>



<body>

<div id="layer1" align="center">



</div>

</body>

</html>

hoffe konnte helfen

**Mortis** · 12.08.2006 08:19

Danke. Werd ich nachher gleich ausprobieren.

Habe auch eben grad mitbekommen, dass dieser gleitende Abstand vom linken Rand eventuell was mit "float" zu tun hat. Stimmt das?

**StephanF** · 12.08.2006 08:43

das obige Beispiel beschreibt einen "Rahmen" zur zentrierung des gesamten Layouts der Site. Wenn du nun innerhalb des "Rahmens" weitere div's verwendest, z.B. links einen für die Navi und rechts einen für den inhalt, dann ist float angebracht, z.B:
linke Spalte:

PHP-Code:


#linkespalte{

 width:200px; 

 float:left; 

 position:relative; 

 }

rechte Spalte für den inhalt

PHP-Code:


#inhalt{

 float: right; 

 display:inline; 

 position: relative; 

 width:560px; 

 }

**Mortis** · 12.08.2006 18:40

Jau,

danke Stephan! Das erste Beispiel war genau richtig. Hatte nur bisher keine Zeit zum Testen.
Vielen herzlichen Dank!!

Mortis

zur Startseite vom TP

Thema: relativer Abstand der kompletten Site zum linken Rand

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

relativer Abstand der kompletten Site zum linken Rand

Aktive Benutzer

Aktive Benutzer