DIVs richtig positionieren

[Sylnois]

Heyho Leute

Brauche wiedermal Hilfe.
Hier ist das Design: Xoltec-Studios.org
Irgendwie siehts bis jetzt nicht so richtig aus.
So möchte ichs am Schluss haben:
http://img232.imageshack.us/img232/1466/unledes.png
Kann mir jemand verraten was ich falsch mache?

Freundliche Grüsse
Sylnois

 

[nieselfriem]

Du solltest die Quelltexte zu deinem Design (CSS,HTML) posten. Sonst wird dir keine was dazu sagen können. Es gibt zu viele Faktoren die bei deinem Problem eine rolle spielen um dies anhand eines Bildes erkennen zu können.

Gruß niesel

 

[Sylnois]

Hier ist das Design: Xoltec-Studios.org

Man kann doch auf den Link und dann denn Sourcecode anschauen.

 

[alogheo]

Einfach noch

            <div id="bottom_navigation">
                Navigation2
            </div>
            <div id="copyright">
                Copyright

mit in
<div id="back_blue">
rein

 

[Sylnois]

Ah du meine Güte.
Tut mir Leid für solch einen Fehler.
Das hätten wir.
Aber was ist mit den Boxen auf der rechten Seite?
Die werden irgendwie nicht so richtig angezeigt.
Bei der ersten Box verrutsch der Titel sogar ein bisschen nach unten.
Warum Das?

 

[threadi]

Dein Doctype ist kaputt.

Und dass Du die rechte Seite per absolute Positionierung ausrichtest könnte durchaus ein Problem sein. Das ist an der Stelle nicht nötig. Verwende float um Elemente nebeneinander zu positionieren.

 

[Sylnois]

Wenn ich aber die absoulte Positionierung entferne, dann sieht das ganze komisch aus.

 

[threadi]

Deswegen sprach ich ja auch vom floaten. Siehe:
Float: Die Theorie
float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
CSS Positionieren
...

 

[Sylnois]

Ich kriegs einfach nicht hin
Jetzt sieht man das Copyright und die Navi2 nicht mehr.
Xoltec-Studios.org

 

[threadi]

Ich sehe momentan beides, scheinbar hast Du heute weiter gemacht.

Allerdings sehe ich nun auch neue Fehler im HTML-Code. Die doppelte ID-Vergabe solltest Du unterbinden. Wenn Du eine CSS-Eigenschaft mehrfach auf einer HTML-Seite verwenden willst, nutze Klassen.

[Invalid] Markup Validation of http://sylnois.xoltec-studios.org/ - W3C Markup Validator

 

[Sylnois]

Hatte gestern doch noch ne Lösung gefunden.
Und hab die meisten Errors behoben.
Kannst du dir aber trotzdem mal den Aufbau ansehen.
Kann ich meine Pages in Zukunft so bauen?
oder gibt es was zu verbessern?

Danke
Sylnois

 

[threadi]

Ja, da sind noch kleinere Fehler im HTML-Code:
[Invalid] Markup Validation of http://sylnois.xoltec-studios.org/ - W3C Markup Validator
Vor allem der <font>-Tag sticht mir da ins Auge.