Diverse Positionierungen

[Stefan]

Ich habe einige Positionierungsprobleme.

Auß der Website befindet sich eine Navigationsleiste links und rechts cer Content. Beides sind DIV-Layers.

Für den Content habe ich die Klasse "main" definiert mit folgender Positionsangabe:

position:absolute;
 top:2em;
 left:14em;
 bottom:2em;
 right:2em;
 text-align:left;

Nun soll innerhalb dieses Bereichs ein Bild horezontal zentriert werden. Dafür habe ich die ID #banner benutzt

#banner
{
 margin-left:auto;
 margin-right:auto;
}

Im HTML-Code sieht das dann so aus:

<div class="main">
<a href="...."><image id="banner" src="....." alt="....."></a>
Hier kommt Text hin
</div>

Das Bild wird nun aber linksbündig und nicht zentriert dargestellt.

Das zweite Problem ist folgendes:

In einem Layer der oben definierten Klasse "main" befinder sich ein <form> mit folgenden Positionsangaben:

padding:1em;
 text-align:left;
 right:1em;

Innerhalb dieses Formulars ist nun eine <testarea>, die sich der Breite des Formulkars anpassen soll. Aber irgendwie will die Textarea nicht so recht und entweder ich kriege eine feste Breite hin oder eine Breite relativ zum gesamten Browserfenster.

Wie müssen die Stylesheets aussehen?

Stefan

[Kai Lahmann]

hi

Nun soll innerhalb dieses Bereichs ein Bild horezontal zentriert werden. Dafür habe ich die ID #banner benutzt

#banner
{
margin-left:auto;
margin-right:auto;
}

Im HTML-Code sieht das dann so aus:

<div class="main">
<a href="...."><image id="banner" src="....." alt="....."></a>
Hier kommt Text hin
</div>

das wird auch so nichts - das <div> muss text-align:center; haben.

Grüße aus Bleckede

Kai