XHTMLforum - Probleme mit horizontaler Positionierung

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Probleme mit horizontaler Positionierung (http://xhtmlforum.de/showthread.php?t=57375)

Probleme mit horizontaler Positionierung

Erstmal guten Tag hier im Forum ;)

Da ich hobbymäßig Webspell-Designs anpasse und man von überall hört, dass sich dafür div's viel besser eignen, ich habe mich doch endlich entschlossen von den html-Tabellen auf div's umzusteigen, doch leider scheitere ich schon in den ersten Minuten... Habe viel durchgelesen, viel probiert, doch komme einfach nicht auf eine akzeptable Lösung.

Der oberste Teil meines Headers sieht im so aus:

http://img3.imagebanana.com/view/o71x30a2/wtf.PNG

Sollte jedoch so aussehen:

ImageBanana - blubb.PNG

(Der schwarze Balken auf dem 1. Bild wird später per Include mit den Buttons gefüllt)

... Kommen wir zum Code, viel gibt es noch nicht zu bestaunen, die ersten Zeilen wären diese hier:

Code:

#top                        {width: 635;margin: 0px auto;}

.login                        {width: 335; background-color:#000000}



<div id="top">

        

    <img src="Bilder/images_03.png" style="float:left;width:635px;height:35px;" />

    <img src="Bilder/images_04.png" style="width:362px;height:8px;" />

   

    <div class="login">Text

    </div>

    

    <img src="Bilder/images_14.png" style="width:362px;height:9px;" />

    

</div>

Mache ich einen elementaren Css-Fehler? Wo liegt das Problem?

Hi,

Zitat:

Zitat von Kartoffel (Beitrag 435526)

Mache ich einen elementaren Css-Fehler?

jep, Gestaltungsanweisungen im Quelltext sind absolutes nogo.
Inhalt und Gestaltung müssen strikt getrennt sein. ;)

Zitat:

Zitat von Kartoffel (Beitrag 435526)

Wo liegt das Problem?

Ich habe nicht die geringste Ahnung, was das Problem bei dir ist.
Mit den beiden Bildern kann ich nix anfangen.

Ein Link zum Problem + Problembeschreibung wären da hilfreich.

Sooo, mein FTP-Server funktioniert wieder, hier das ganze in Live-Action:

http://myplay.pytalhost.com/test2/index2.html

Keinerlei Antwort? :O

Setze doch mal alle Voreinstellungen der Browser zurück (CSS-Reset) bei margin und Padding :)

Code:

* { margin:0; padding:0; }

Die Bilder sind eindeutig Hintergrundbilder -> gehören ins CSS.
Die Login-Felder sollten schon in dem div #login sein. Momentan ist da nur "Text" drinne.

Sooo... Hab die Page jetzt doch auf Html-Tabellen basierend gestaltet...

myPlay-Clan - News

Weitere Hilfestellung entfällt daher, trotzdem danke :>

Zitat:

Zitat von Kartoffel (Beitrag 436232)

Sooo... Hab die Page jetzt doch auf Html-Tabellen basierend gestaltet...

myPlay-Clan - News

Weitere Hilfestellung entfällt daher, trotzdem danke :>

Im Loginfeld ist irgendwo nen Fehler drinne (in beidenn Feldern)