HTML Design per HTML und CSS

[moritz31]

Hey,
versuche gerade eine Website per HTML und CSS zu erstellen. Mein Problem liegt darin, das ich links eine Navigation habe, die in CSS als eine Box dargestellt ist und rechts davon soll eine andere Box sein in der der Inhalt steht.

Das Problem besteht nun darin, dass sobald ich etwas an der größe der Inhaltsbox ändere, also Text hinzufüge oder wegnehme, sich die Position der Navigation auch verändert. Dies will ich jedoch nicht.

Hat jemand vielleicht ne Idee was ich falsch mache???

Gruß
moritz31

 

[Agratos]

Code.

 

[SasukeX47]

Ohne ein bisschen CSS-Code ist es schwierig zu wissen was du falsch machst.
Generell würde ich voraussetzen:
1) Div-Box links -> float : left
2) Div-Box rechts -> float : right
3) Div-Box links -> width: 200px z.B.

sollte dies noch nicht ausreichen, dann musst du über das "position"-Attribut fixed oder absolute mitgeben. Dann sollte es gehen

 

[FAT B]

benutz für jede 'box' div-tags und setz ne feste größe/position.

 

[moritz31]

Hab ma alle 3 Datein hochgeladen

 

[unXtremo]

Wenn du uns deinen bisherigen Entwurf zeigst, ist es für uns einfacher dir deinen Fehler zu nennen.

Hier schon mal ein paar CSS Tipps zu einem Layout wie du es realisieren willst.
http://www.stichpunkt.de/css/bereiche.html#1box1

//EDIT: sry. da ist ja dein Entwurf

 

[marcol1979]

float : left bzw. float : right fehlen

 

[unXtremo]

Moment Mal in der Datei IP-Klassen ist in Zeile 80 ein / zu viel wenn du das div Navigation aufmachst, muss heißen
<div id="navigation">

 

[kachiri]

Man brauch nur eine Box zwingend floaten - und wenn beide Boxen, dann kann man durchaus auch beide Boxen in eine Richtung packen.
Bietet sich an, wenn man drumherum eben keinen "begrenzenden" Layer hat und die zwei Boxen eben fixe Breiten besitzen.

position: fixed; oder ähnliches ist natürlich Quark.

 

[unXtremo]

Wenn du im CSS bei navigation noch eine absolute position anstelle deiner margins angibst, bleibt die Navigation auf einer Höhe

...
	position: absolute;
	top: 150px;
	left: 10px;
...

siehe http://www.stichpunkt.de/css/2-box.html

 

[moritz31]

Ok Danke für die ganzen Links und Tipps, hat mir echt weitergeholfen
dann ma ran ans fehlerbeseitigen