CSS Prob!

[ignatz]

Hallo, ich habe ein kleines Problem was ich irgendwie nicht behoben bekomme... o0

Hier habe ich mal ein Ausschnitt aus der Seite:
http://gamesports.de/images/user/gallery/1079/9473.jpg

Und hier den CSS Code dazu:

[Impi]

Sorry aber ich du sprichst in Rätseln!

Impi

P.S.:

[ignatz]

"Hallo Welt Wayne" soll nicht so mittig sondern nach oben ausgerichtet sein! oben an die schwarze Leiste! (siehe bild)

[Impi]

Ein Link zur betreffenden Seite oder der Quelltext wäre sehr wichtig. Ich kann ja nicht abschätzen wie du deine SS in dem Beispiel einsetzt.

Impi

[ignatz]

http://myproducer.my.funpic.de/style.css
http://myproducer.my.funpic.de/

[dm09]

Eine einfach Lösung wäre position: absolute und top, left etc. Angaben. Damit kannst du die absolute Position des div's angeben. Allerdings validiert dein CSS nicht so richtig.. Ich denke, dir geht es auch mehr um's Design;)

[ignatz]

[dm09]

Beim #artikeltext-div ergänzst du einfach: {position: absolute; top: ...px; left: ...px}, je nachdem wo genau der Text stehen soll, probier damit einfach bisscehn rum, bis es genau dort sitzt wo du es haben möchtest.

Eleganter würde es mit floats funktionieren, da wäre die Beschreibung allerdings etwas länger

[ignatz]

jo danke...

kommt eher selten vor das ich mit css arbeite...! habs auch erst vor gut 3 monaten gelernt... eher photoshop ^^

[bl:nd]

dm09: Was willst du denn mit deiner absolute-Positionierung...? Da würde ich mal sehr dringend davon abraten...

Zum Problem an sich:
Da wird schon alles richtig ausgerichtet. Eben jeweils ganz linksbündig, wie du es nun mal definiert hast. Damit das Ganze nun nicht mehr so "schief" aussieht, sollte dein Inhalt ("Mein Name ist..." und dein "Hallo Welt...") genau so weit eingerückt werden, wie auch die Überschriften eingerückt sind. Das bedeutet im Klartext: Pack in die Definition von #beschreibungstext sowie #artikeltext jeweils ein padding-left, mit den gleichen Werten, wie auch bei #beschreibung und #artikel verwendet hast. Somit werden deine Inhaltstexte dann genau so weit eingerückt, wie auch deine Überschriften - und das Ganze wird bündig.

[dm09]

Mit CSS kann ich schon ganz gut arbeiten, aber mit PS noch nicht Falls es nicht klappe sollte, kann ich dir auch eine ausfühlichere Lösung per Mail etc. schreiben

[ignatz]

danke blind, aber es haengt nun noch weiter runter... es ist alles ein wenig sehr komisch!

// Kleine Frage, ist das ganze 'Design' bei euch auch so verschoben?
Ich war gerade an einem anderen Rechner und da ists irgendwie verschoben...!

[AEQUITAS]

wenn ich das richtig verstehe, willst du den text noch weiter links haben oder?

dann einfach - was etwas unkonventionell ist - schreiben:

padding-left:-2px;

musst aber schauen, ob es vielleicht am browser liegt, der ie und firefox haben ja schon mal öfters gewisse unterschiede!

achja, wenn du es oben haben willst, solltest du natürlich vertical-align:top; nehmen, aber das sollte ja eigentlich klar sein ..

[ignatz]

Ja, wuerde hier irgendein befehl was bringen...! Es ist irgendwie total verbaut...! naja ich flueck nun erst mal alles wieder auseinander!

Wills uebrigends OBEN haben... Buendig an die schwarze Leiste!

[dm09]

Gut, dann probier's mal damit, die Überschrift "Artikel" (übrigens h-Element;)) und den Beschreibungstext in EIN div zu packen. Überschrift mit h, Text mit p-Element, dann dürfte das klappen.