variable div Breite

bestdani · 12.02.2006, 18:39

Hallo

ich habe folgendes Problem und zwar:

ein div hat float right und ein andere gar kein float.

der ohne float ist mit margin:0 auto immer inder mitte.

der mit float right soll immer die weite bis zum linken div bekommen... habe aber keine Ahnung wie ich das machen soll.

Danke für Hilfe!

hero-master · 13.02.2006, 13:53

Hi

Du hast einen Container, der mittig dargestellt wird.
Darunter hast du einen weiteren Container, der nach rechts ausgerichtet ist mittles float und immer eine variable Breite von rechtem Browserrand bis zum zentrierten Container haben soll?

bestdani · 13.02.2006, 13:59

fast. Der Container ist nicht unten drunter sondern nebendrann aber sonst stimmts ;-)

hero-master · 13.02.2006, 14:10

Zitat:

Zitat von bestdani

fast. Der Container ist nicht unten drunter sondern nebendrann aber sonst stimmts ;-)

Klar, ich meinte auch im HTML-Teil

Wenn du mit Prozentangaben für die Breiten der Container arbeitest dürfte das kein Problem darstellen.
Wenn du jedoch mit absoluten Angaben arbeitest sehe ich leider keine Lösung

bestdani · 13.02.2006, 14:16

mh ok, also Prozente hab ich schon ausprobiert --> ging nicht gescheit!

http://www.traum-projekt.com/forum/5...tml#post614290
hier ist mal die Seite um die es sich handelt...

hero-master · 13.02.2006, 14:23

Bei deiner Seite: Wo ist da der rechte Teil? Ist da Inhalt enthalten oder nicht?

Bezüglich relativer BReite würde es z.B. so gehen:

Code:

#links {
width:40%;
height:300px;
background:green;
margin:0 auto
}

#rechts {
position:absolute;
top:0;
width:30%;
right:0;
background:red
}

bestdani · 13.02.2006, 14:30

es geht um den DIV oben neben den header.

hero-master · 13.02.2006, 17:04

Kommt da denn noch Inhalt rein? Oder was ist der Zweck des Containers?
Ich kann mich jedoch nur zitieren bezüglich der Umsetzung, außer du fügst dort keinen Inhalt ein und man kann das Hintergrundbild im body irgendwie einbauen

bestdani · 14.02.2006, 15:14

der div wird leer bleiben... (zum Glück kein xhtml xD)

wenn es natürlich auch eine Lösung gibt, ohne das man einen DIV benutzt, würde ich diese natürlich auch Verwenden. Wichtig ist nur, die Hauptseite soll in der Mitte zentriert sein und der Header soll bis zum rechten bildschirmrand auf jeder Auflösung weiter gehen!

hero-master · 14.02.2006, 21:32

Nabend,
ich hätte da einen kleinen Trick für dich

Bild siehe Anhang.
Idee: Defineir das Bild als Hintergrundbild für den body-Tag und weiß ihm die Position center top zu:

Code:

body {background:url(bg.gif) center top no-repeat}

Die Datei ist zwar 2000px lang, jedoch aufgrund der Optimierung nur 1,35kb groß und läd somit sehr fix