Div Container position: absolute

html.de-Forum HTML, XHTML & CSS
1

Ich habe jetzt 2 Stunden lang bei Google gegoogelt :frowning:
und komme einfach nicht weiter.

Ich möchte von

endlich zu
wechseln.

Und zwar möchte ich zb. 2 Container mit absolute nebeneinander stellen.
Ich gebe den Containern die breite 400px und einmal die breite 200px
, beide haben die Höhe von 300px. top gebe ich 150px; ein (Abstand vom Browser). left und right soll aber zentriert werden dass heisst je nachdem wenn man die seite (das browserfenster) kleiner macht, es in der browserseite zentriert ist.

wie bekomme ich das hin.
ich wäre euch sehr dankbar.

[HTML]
#container {
position:absolute;
width: 400px;
height: 300px;
text-align: center;
top:150px;
left:33%;
border: 1px solid red;

}

#container2 {
position:absolute;
width: 200px;
height: 300px;
text-align: center;
top:150px;
left:33%;
border: 1px solid red;
}
[/HTML]

lg
beat

2

[FONT=„Courier New“]position: absolute;[/FONT] ist für sowas nicht gedacht. So ist es besser:

[CODE]div#container {
position:relative;
width: 400px;
height: 300px;
text-align: center;
margin:150px 0;
border: 1px solid red;
float:left;
}

div#container2 {
position:relative;
width: 200px;
height: 300px;
text-align: center;
margin:150px 0;
border: 1px solid red;
}

.clear {
clear: both;
}[/CODE]

[HTML]

 
 
 
[/HTML]
3

Das Problem hierbei ist folgendes:

Ich möchte per PHP und MySQL Div Boxen anlegen.
Sagen wir mal ein Kunden möchte jetzt 6 nebeneinander haben und 1 box unter der 5. box die nebeneinandere sind.

so kann ich das ja nicht realisieren.
Bei position absolute könnte ich immer die top und left position azurechnen.
Bei relative geht es ja nicht?

4

Du solltest dich vom Gedanken verabschieden, dass man HTML mit

oder
„gestaltet“. Wenn Du eine HTML-Seite entwirfst, musst Du die darin stehenden Inhalte entsprechend ihren Bedeutungen mittels HTML auszeichnen. Texte als Absaztz, Überschriften als Überschriften, betonte Textbestandteile mit , Bilder die in Relation zum Content stehen mit , etc.pp.

Die Frage die Du dir also stellen müsstest wäre:
„was ist das was ich ausgeben will?“

Oder aus meiner Sicht formuliert:
Was soll 6 Mal nebeneinander stehen? Um was für Inhalte handelt es sich genau?