• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit CSS Layout

F

Fl0aT

Neues Mitglied
Moin
ich habe ein CSS Layout für meine HP gemacht:
IV-M.de
Das Problem ist nur, dass die inhaltbox zwar links ist aber die rechte Box rechts unter der Inhaltbox.
Wenn ich zwar float:left nutze, dann steht das ganze Copyright zeugs, also der Footer, rechts unter der rechten Box.
Mein Problem sieht man deutlich im Impressum:
IV-M.de

Ich hoffe jmd kann mir helfen, den Quelltext seht ihr selber^^

Mfg
Fl0aT
 
Rechne nochmal nach dem CSS-Boxmodell nach: Dein Hauptteil ist 760px breit.
Links 560px und rechts 200px. Da nach dem Boxmodell auch noch border- padding- und margin-Werte zu berücksichtigen sind, reicht die Gesamtbreite für beide Teile nicht aus.
 
Hab ich nun gemacht.
IV-M.de - Your home of IV:MP
Mh sehr komisch.

EDIT: Hatte es mal so gemacht:
Den rechten Container nicht in den Inhaltcontainer.
Also zuerst inhalt, dann rechts
Hat alles funktioniert, das problem war nur:
Wenn der Inhaltcontainer zu höher wird(wegen viel Text), dann bleibt der Rechte Container 800 px hoch, weil min-height: 800px
Wie könnte ich es einstellen, dass die beiden Container immer gleichhoch sind?
 
Zuletzt bearbeitet:
Hi
also ich hab mal was alleine gemacht.
Mein Problem ist nur, dass der Footer links ist O.o
Hab schon alles probiert O.o
 
Problem beim einbinden von stylesheet

Hallo,

Ich habe vor kurzem damit begonnen HTML zu lernen und CSS.
Alles was ich gemacht habe verlief absolut problemlos, aber jetzt wo ich versuche ein stylesheet eınzubinden geht es nicht mehr.
Um es eifach zu halten haben ich eine simple test.html erstellt und die dazugehörige design.css aber meine browser erkennen die css nicht.
Hier der Quellcode der html:

<html>
<head>
<link rel="stylesheet" href="design.css" type="text/css" />
</head>
<body>
<h1>Das sollte rot sein CSS</h1>
</body>
</html>

Der css:

h1 {
color:red;
letter-spacing:30px;
}

Die Fehlermeldung:
Fehler: Datei nicht gefunden

Die Dateien unter view-source:file:///C:/Documents and Settings/PC/Desktop/Manito/design.css konnten nicht gefunden werden.

Ich arbeite "offline" und diese dateien befınden sıch nur auf meinem Computer.

İch würde mich freuen wenn mir jemand von euch helfen kann da ich leider nicht weiterkomme und das problem nicht nachvollziehen kann:cry:
 
Zuletzt bearbeitet:
Besser wäre ein neuer Beitrag gewesen.

Befindet sich deine HTML-Datei ebenfalls in diesem Ordner (das wäre Voraussetzung, dass es funktioniert):
C:/Documents and Settings/PC/Desktop/Manito/
Zum Vergrößern anklicken....

Ansonsten lade die Seite mal hoch, ggf. auf kostenfreien Webspace.
 
@Manito: Vllt fehlen der Datei die Rechte^^

Also zu meinem Problem, ich habts nun vllt geschafft.
Hab das float: left;(Vom Footer) gelöscht
Dann einfach margin-top: 800px; (In den Footer) geschrieben, damit der Footer unten ist(sonst ist er einfach oben O.o)

Naja das gleiche Problem wie früher:
IV-M.de - Your home of IV:MP
Der Footer ist rechts, weil der rechte Container nicht so hoch ist, wie der Inhaltscontainer.
wie kann ich das einstellen, dass beide Container immer gleich hoch sind?
Oder hat jmd. eine bessere Lösung..
Ich glaub ich mach bald wieder tabellen :/

MfG
Fl0aT
 
Ja die Lese/Schreibe Rechte...^^
Bei Linux müsstest du alles auf 777 stellen, und bei Win Eigenschaften und da irgendwo^^
 
Fl0aT schrieb:
Also ich mach wohl meine Homepage mit <table>
Diese kack css nervt mich.... nichts geht so richtig...
Zum Vergrößern anklicken....

Ein freund meinte ebend zu mir das du anstelle der angabe in pixeln die angabe in prozent machen könntest, so werden beide container immer an den bildschirm angepasst...ob es stimmt weiss ich nicht dazu bin ich leider zu unerfahren:neutral:

trotzdem viel erfolg weiterhin.
Gruss: Manito
 
Fl0aT schrieb:
Also ich mach wohl meine Homepage mit <table>
Diese kack css nervt mich.... nichts geht so richtig...
Zum Vergrößern anklicken....
Naja, CSS geht schon richtig.
Das Problem ist, du erwartest, dass CSS sich so verhält wie eine Tabelle, tut es aber nicht. Du hast nicht, miteinander verbundene Zellen, sondern Boxen, die du frei gestalten und positionieren kannst. Da du aber ein Tabellenlayout umsetzen möchtest, mit von einander abhängigen Zellen, wird es schwierig. Im Prinzip wäre es sinnvoller das Layout an die Technik auszurichten, aber so wie es aussieht ist es für dich einfacher den umgekehrten Weg zu gehen. Die Technik an das Layout ausrichten und Tabellen zu verwenden.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben