div - container anordnen

[anfänger]

Hallo miteinander,

ich habe da ein kleineres Problem mit 2 div containern die ich nebeneinander anordnen möchte.
und zwar dachte ich mir das folgendermassen:

XXX--XXXXXXXXX---XXXXXXXXXXXXXXXX
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X--1.---X---X------2.------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--X-------X---X--------------X
XXX--XXXXXXXXX---XXXXXXXXXXXXXXXX

ganz links -- 1.container -- 2.container
navigation

nun hab ich schon mal 1 container siehe:

http://http://awg.freehoster.org/websitetest/index.php

wie bringe ich das nun fertig einen 2. danebenzusetzen???

momentan sieht main1.css folgendermassen aus:

http://http://awg.freehoster.org/websitetest/templates/main1.css

wie muss ich das nun konkret verändern???

meine erste idee war folgende:

.....

#linkerblock {
#textlinks{float:left;width:30%;margin:0;margin-bottom:20px;padding:0;background:#D8EFFC;}
#textrechts{float:left;width:6%;margin:0;margin-left:4px;margin-right:4px;padding:0;}
#textlinks p, #textrechts p{padding:0 15px 0 15px;margin:20px 0 20px 0;}
#textlinks form, #textrechts form{padding:0 15px 0 15px;margin:20px 0 20px 0;}

#textlinks h2, #textrechts h2{font:bold 18px verdana, sans-serif;padding:0 15px 0 15px;}
#textlinks h3, #textrechts h3{font:bold 16px verdana, sans-serif;padding:0 15px 0 15px;}

}

#rechterblock {
#textlinks{float:left;width:60%;margin:0;margin-bottom:20px;padding:0;background:#D8EFFC;}
#textrechts{float:left;width:6%;margin:0;margin-left:4px;margin-right:4px;padding:0;}
#textlinks p, #textrechts p{padding:0 15px 0 15px;margin:20px 0 20px 0;}
#textlinks form, #textrechts form{padding:0 15px 0 15px;margin:20px 0 20px 0;}

#textlinks h2, #textrechts h2{font:bold 18px verdana, sans-serif;padding:0 15px 0 15px;}
#textlinks h3, #textrechts h3{font:bold 16px verdana, sans-serif;padding:0 15px 0 15px;}

}

aber das funzt irgendwie nicht richtig

was ist da falsch???

kann mir bitte jem helfen

vielen dank im vorraus

der anfänger

[anfänger]

hier nochmal die zwei links :

http://awg.freehoster.org/websitetest/index.php

und main1.css

http://awg.freehoster.org/websitetest/templates/main1.css

danke :o)

[anfänger]

achso und dann steht im listing:

.......

<div id="linkerblock">

...

</div>

<div id="rechterblock">

...

</div>

.......

gehe ich da richtig in der annahme ????

anfänger

hier nochmal die zwei links :

http://awg.freehoster.org/websitetest/index.php

und main1.css

http://awg.freehoster.org/websitetest/templates/main1.css

danke :o)

[at]

Hallo.

was ist da falsch???

Die Syntax -- was dir auch der Validator verraten hätte.
MfG, at

[anfänger]

moin,

und wie lautet das dann richtig???

anfänger

Hallo.

was ist da falsch???

Die Syntax -- was dir auch der Validator verraten hätte.
MfG, at

[at]

Hallo.

und wie lautet das dann richtig???

Das lautet richtig: Befasse dich mit dem "C" von "CSS".
MfG, at

[anfänger]

moin,

kannst du es mir bitte sagen ... :-(

anfänger

Hallo.

und wie lautet das dann richtig???

Das lautet richtig: Befasse dich mit dem "C" von "CSS".
MfG, at

[at]

Hallo.

kannst du es mir bitte sagen ... :-(

http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente kann das.
MfG, at

[anfänger]

moin,

bitte ich brauch eine anleitung in meinem speziellen fall nicht so ein abstrahierten kram wo man um 5 ecken denken muss .....

so wie ich das derzeit hab

http://awg.freehoster.org/websitetest2/index.php

funzt das nicht , also konkret was muss ich da umschreiben ???

bitte , es wär schön wennmir da jem helfen könnte

anfänger

[Gernot Back]

Hallo Anfänger,

wenn du deine Div-Container so positionieren willst wie beschrieben, solltest du dich erst einmal mit absoluter und relativer Positionierung befassen. Davon sieht man in deinem CSS nämlich gar nichts.

view-source:http://awg.freehoster.org/websitetest2/templates/main1.css

Bei absoluter Positionierung sind paradoxerweise auch relative numerische Angaben in Prozent erlaubt.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

Gruß Gernot

[anfänger]

Hallo,

jetzt hab ich mir dazu etwas angelesen und auch etwas ausprobiert
und nun hab ich 3 div - container folgendermassen positioniert

http://http://awg.freehoster.org/websitetest4/index.php

dabei hab ich festgestellt das bei mozila alles super aussieht
nur bei opera und IE wird es vollkommen falsch dargestellt

wie kommt das , könnt ihr mir bitte sagen wie ich das problem umgehen kann ????

könnt ihr mir bitte dazu tipps geben ???

danke im vorraus

anfänger