Wahnsinniges Layout - wie ist das hier machbar

so, wie ich das sehe, dürfte es reichen, kubrick anzupassen.

 

der text läuft auch im kubrick über grafik. der hintergrund des contentbereichs ist eine schmale grafik.
die linkliste kannst du ja in die header.php einbauen.
ich würde dir ja wirklich gerne auch mit tat zur seite stehen, aber ich habe noch so meine probleme mit gimp.

 

Dürfte nicht allzu schwierig sein. Layout mit zwei Spalten, links die Einträge, rechts das Menü. Oben die Headergrafik und dann einen Wrapper, der Menü und die Einträge beinhaltet. Im css gibst du für diesen Wrapper folgendes an:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Edit: Ach ja, dann brauchst du noch einen Fußteil, da legst du dann eine grafik rein, die den Balken links fortsetzt bis zum Ende der Seite. Du könntest unten noch eine grafik reinlegen für einen schönen Abschluß der Seite.

 

Nein, zwei Spalten reichen - rechts die Navi und links die Beiträge.

Um zu erreichen, dass in den Beiträgen die Bilder links stehen und daneben der Text steht, mußt Du im css mit float:left arbeiten.

[...]/images/Qbody.jpg) no-repeat #fff;}[...]

Hinter Qbody.jpg fehlen die "

 

Um das Ganze so originalgetreu wie möglich herstellen zu können, würde ich das so im css aufteilen, siehe dazu die angehängte Grafik:

rot: haeder
grün: haederimg
hellblau: noch einzufügender div-container für das Menü oben mit Impressum und so
dunkelblau: page
lila: content
gelb: sidebar

in die page legst du dann das bild qbody.jpg und in haederimg natürlich qhaeder.jpg.

sidebar, content und des noch zuerstellen menücontainers oben weist du dann keine Hintergrundfarbe zu. Mit background: transparent; sollen einige Browser Schwierigkeiten haben.

Edit: habe noch den Footer, in grau dargestellt, eingefügt...

 

Ich habe das in meiner Grafik nur so dargestellt, um es besser erkenntlich zu machen. Normalerweise brauchst du nicht unbedingt Header und haederimg zusammen, aber das war halt in deinem Quelltext-Auszug so vorgegeben und deswegen habe ich es berücksichtigt.

Und den hellblauen div-Container unterhalb des Headers mußt du noch einfügen, das ist korrekt. Da müssen ja die Dinge rein wie Impressum, Werkphilosophie, Neuiigkeiten usw, um dem Original möglichst nahezukommen. Um das zu machen, mußt du später einzelne Beiträge auslagern mit exclude. Ich habe in meinem Blog auch so eine Menüzeile direkt unter dem Header.

 

Hi!

Versuchts doch mal so: setzt in die CSS für jedes Element einen 1px breiten Rahmen in einer anderen Farbe: border: 1px solid #[farbcode in hex] Dann sieht man nämlich ganz gut, wo sich was überschneidet oder wo was fehlt.
Bedenkt aber dabei, dass man borders immer dazuaddieren muß. Wenn man also einen Container die Breite von 500px gibt und der Rahmen rechts und links jeweils 1px breit ist, müssen diese insgesamt 2px zur Gesamtbreite dazurechnet werden bzw. vom Container abgezogen werden.

Und dann gibt es da noch das Boxmodell, wo der IE Probleme bereitet - ich bin mir fast sicher, dass es das bei Euch ist. Perun hat das in seinem Blog sehr anschaulichbeschrieben:

http://www.perun.net/2004/07/04/fehlverhalten-von-ie-im-boxmodell/

Dazu zeigt er Lösungsmöglichkeiten in Form von Hacks auf.

 

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

das ist die Kurzschreibweise

99& aller Browser haben damit extreme Probleme
außerdem kommts bei dieser schreibweise drauf an, was in welcher Reihenfolge steht.

mache es einzeln, dann tust Du Dir einen großen gefallen und verzweifelst weniger rasch

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Du hast den bodx eine fixe Höhe gegeben,
magst Du mir den Grund erklären,

Dies zu tun ist eine der hohen Künste der CSS Technik
erfordert mindestens XYZ CSS Hacks und so wie ich Dich hier lese, bist Du damit überfordert.

außerdem ist das HTML der Seite absolut kaputt, gugg mal der Validator kann diese Seite nicht mal prüfen

wie sollte da je eine css Angabe richtig werden???
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.qwertzwerk.de%2F



lG