Anpassung an die Auflösung - Wie macht man es richtig?

[AzRaIL]

Ich arbeite zurzeit an meinem Digitalen Portfolio
dies besteht aus einem Multilevel Dropdown Menü und 2 Content Boxen
also im grunde genommen sehr einfach (soll ja zu Übungszwecken dienen)

Vorschau: Portfolio

Wie ihr vllt. seht (falls ihr nicht die Auflösung 1280 x 1024 habt) ist die rechte Content Box unter der linken Content Box

Hier mal der CSS Code für die beiden Boxen:

#content1 {

    background-image: url(images/Content1.png);
    background-repeat: repeat-x;
    width: 240px;
    height: 46%;
    margin-left: 324px;
    border: 1px solid;
    float: left;
}

#content2 {

    background-image: url(images/Content1.png);
    background-repeat: repeat-x;
    width: 326px;
    height: 46%;
    margin-right: 322px;
    border: 1px solid;
    float: right;
}

das Problem liegt denke ich bei dem Margin
wenn ich die pixel Angaben mit % Angaben ersetze kommt es zum selben Problem

Im grunde genommen will ich eigtl. nur dass das ganze, wenn ich die Auflösung runterschraube, immernoch gleich groß bleibt

aber es will nicht

Könntet ihr mir vllt. mal genau erklären was ich da berichtigen muss?

Froher Neues ;)

 

[Elroy]

Hallo.

Verzichte auf das float: right; bei content2.
Poste solche Fragen im CSS Unterforum.

Gruss
Elroy