CSS Problem mit Layout

Nudelz · 01.03.2010, 17:58

hallo,
ich arbeite an einer homepage für eine gesellschaft. ich habe den inhalt schon in docs der nacher nur noch eingefügt werden muss.

aber ich habe ein problem mit dem layout. ich hatte erst was mit frames, das allerdings öde und langweilig aussah.
so ich habe eine recht simple css datei erstellt.

Code:

#header {

margin:0px auto; /*mittig*/

width:900px;

height:200px;

background-color: #FFF;

}

#gesamt {

margin:0px auto; /*mittig ausrichten*/

width:900px;

height:700px;

}

#main {

margin:0px auto;

float:right;

width:700px;

height:600px;

background-color:#FFF;

}


#left {

margin:0px auto;

float:left;

width:200px;

height:600px;

background-color:#FFF;

}



 #gesamt #left p {
	font-family: Verdana, Geneva, sans-serif;
}

habe dann mit spry 2 menü leisten gemacht und den ein banner in die kopfzeile eingefügt.

ich möchte jetzt aber ein bild als hintergrund haben. also statt dem weissen rand. wenn ich

Code:

body {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color: #F0F4FF;

background: url(bilder/hintergrund.jpg) #FFF;
background-position: top right;
background-attachment: fixed;
background-repeat: repeat;

in der css datei einfüge, ist meine ganze struktur futsch.
was mache ich falsch. bin leider totaler neueinsteiger.

hab die mal 2 seiten auf einen test server hcohgeladen zum anschauen.
HIER. Da kann man auch das Bild sehen und es gibt eine zip datei die man runterladen kann, wo die datein enthalten sind.

es sind nur Home (index) und Impressum hochgeladen.

ich wäre für tipps sehr dankbar.

Chriz · 01.03.2010, 20:27

Hallo,
in deinem CSS-Code fehlt die schließende geschweifte Klammer, ansonsten scheint er in Ordnung zu sein.

Nudelz · 02.03.2010, 11:42

spizte es hat endlich geklappt. yeah. ich hatte wohl den body vergessen oder eine geschweifte klammer.

danke chriz! du weisst garnicht wie lang ich da gestern dran gesessen habe ^^ aber neuer tag neues glück

hab jetzt doch noch eine frage ^^

wie man auf der seite sieht http://jako.kilu.de/ schließen die weißen bereiche nicht gleich ab. gibt es da eine möglichkeit? ich mein ich kanan ja in der css da angebene 600px lang aber dann ist der text bei hanftungsausschluss zbsp nicht mehr im weissen. geht das das man das immer passend und gleich hat? versteht ihr mich

lstegelitz · 02.03.2010, 15:45

Lol... das liegt daran, das dein blaues Hover-Kästchen nicht breit genug ist. Der Text "Haftungsausschluss" ist vollständig zu sehen - dummerweise mit weisser Schrift auf weissem Grund..

Nudelz · 07.03.2010, 13:58

ist es nicht möglich das div menü vom div main abhg zu machen in der länge. das man heigt auf auto setzt beim div vom main und das man die länge des menüs davon abhg macht. also die gleich sein soll.

nikosch · 07.03.2010, 14:06

Zitat:

ist es nicht möglich das div menü vom div main abhg zu machen in der länge. das man heigt auf auto setzt beim div vom main und das man die länge des menüs davon abhg macht. also die gleich sein soll.

Wäre es zuviel verlangt, dass Du verständliches Deutsch schreibst?

Baltasar · 07.03.2010, 15:43

Zitat:

Zitat von Nudelz

ist es nicht möglich das div menü vom div main abhg zu machen in der länge. das man heigt auf auto setzt beim div vom main und das man die länge des menüs davon abhg macht. also die gleich sein soll.

1.) deutsch, bitte1?
2.) was spricht gegen ausprobieren?
3.) google

FloRic · 07.03.2010, 19:43

1. Ja, das Deutsch ist grausam.
2. Ich denke eher, dass Du wolltest, dass unten alles gleich abschließt, also dass das Menü zusammen mit dem Inhalt abschließt.

Dann müsste man doch "theoretisch" #left und #main auf 100% setzen und #gesamt könnte man eine Länge zuordnen. Die müsste aber länger als dein längster Text sein. Das ist also auch keine gute, variable Lösung...
Ich hoffe, ich habe aber erstmal das Problem richtig verstanden.

Nudelz · 09.03.2010, 21:10

entschuldigung

hatte kaum zeit und hab das so nebenbei gemacht.

hab das jetzt einfach so gelöst:

Code:

#main {

margin:0px auto;

float:right;

width:700px;

height:1000px;

overflow:auto;

background-color:#FFF;

}

also eine feste größe und ein overflow: auto rein. wenn es also länger ist kommt ein scroll balken

gute lösung? ja^^

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Problem mit height	Party-Pix	HTML, Usability und Barrierefreiheit	3	29.03.2006 14:17
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
problem mit div's		HTML, Usability und Barrierefreiheit	2	08.11.2005 18:55
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
problem mit layout		Beitragsarchiv	12	13.10.2005 12:41
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
3 Div Layout, Problem da Mitte zu lang	faragerri	HTML, Usability und Barrierefreiheit	3	11.08.2005 10:17
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
CSS Layout problem mit IE		HTML, Usability und Barrierefreiheit	6	02.11.2004 15:37
Problem mit Layout		PHP Tipps 2004	7	27.09.2004 15:24
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Tabelle und Layout		HTML, Usability und Barrierefreiheit	13	10.08.2004 19:22

01.03.2010, 17:58
Nudelz Neuer Benutzer Registriert seit: 20.02.2010 Beiträge: 12 PHP-Kenntnisse: Anfänger	CSS Problem mit Layout hallo, ich arbeite an einer homepage für eine gesellschaft. ich habe den inhalt schon in docs der nacher nur noch eingefügt werden muss. aber ich habe ein problem mit dem layout. ich hatte erst was mit frames, das allerdings öde und langweilig aussah. so ich habe eine recht simple css datei erstellt. Code: #header { margin:0px auto; /mittig/ width:900px; height:200px; background-color: #FFF; } #gesamt { margin:0px auto; /mittig ausrichten/ width:900px; height:700px; } #main { margin:0px auto; float:right; width:700px; height:600px; background-color:#FFF; } #left { margin:0px auto; float:left; width:200px; height:600px; background-color:#FFF; } #gesamt #left p { font-family: Verdana, Geneva, sans-serif; } habe dann mit spry 2 menü leisten gemacht und den ein banner in die kopfzeile eingefügt. ich möchte jetzt aber ein bild als hintergrund haben. also statt dem weissen rand. wenn ich Code: body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color: #F0F4FF; background: url(bilder/hintergrund.jpg) #FFF; background-position: top right; background-attachment: fixed; background-repeat: repeat; in der css datei einfüge, ist meine ganze struktur futsch. was mache ich falsch. bin leider totaler neueinsteiger. hab die mal 2 seiten auf einen test server hcohgeladen zum anschauen. HIER. Da kann man auch das Bild sehen und es gibt eine zip datei die man runterladen kann, wo die datein enthalten sind. es sind nur Home (index) und Impressum hochgeladen. ich wäre für tipps sehr dankbar.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.03.2010, 20:27
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.069	Hallo, in deinem CSS-Code fehlt die schließende geschweifte Klammer, ansonsten scheint er in Ordnung zu sein. __________________ "Nuschel ich?" - "Was?"

02.03.2010, 11:42
Nudelz Neuer Benutzer Registriert seit: 20.02.2010 Beiträge: 12 PHP-Kenntnisse: Anfänger	spizte es hat endlich geklappt. yeah. ich hatte wohl den body vergessen oder eine geschweifte klammer. danke chriz! du weisst garnicht wie lang ich da gestern dran gesessen habe ^^ aber neuer tag neues glück hab jetzt doch noch eine frage ^^ wie man auf der seite sieht http://jako.kilu.de/ schließen die weißen bereiche nicht gleich ab. gibt es da eine möglichkeit? ich mein ich kanan ja in der css da angebene 600px lang aber dann ist der text bei hanftungsausschluss zbsp nicht mehr im weissen. geht das das man das immer passend und gleich hat? versteht ihr mich Geändert von Nudelz (02.03.2010 um 13:04 Uhr).

02.03.2010, 15:45
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 3.891 PHP-Kenntnisse: Fortgeschritten	Lol... das liegt daran, das dein blaues Hover-Kästchen nicht breit genug ist. Der Text "Haftungsausschluss" ist vollständig zu sehen - dummerweise mit weisser Schrift auf weissem Grund.. __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

07.03.2010, 13:58
Nudelz Neuer Benutzer Registriert seit: 20.02.2010 Beiträge: 12 PHP-Kenntnisse: Anfänger	ist es nicht möglich das div menü vom div main abhg zu machen in der länge. das man heigt auf auto setzt beim div vom main und das man die länge des menüs davon abhg macht. also die gleich sein soll.

07.03.2010, 19:43
FloRic Benutzer Registriert seit: 19.10.2009 Beiträge: 39 PHP-Kenntnisse: Anfänger	1. Ja, das Deutsch ist grausam. 2. Ich denke eher, dass Du wolltest, dass unten alles gleich abschließt, also dass das Menü zusammen mit dem Inhalt abschließt. Dann müsste man doch "theoretisch" #left und #main auf 100% setzen und #gesamt könnte man eine Länge zuordnen. Die müsste aber länger als dein längster Text sein. Das ist also auch keine gute, variable Lösung... Ich hoffe, ich habe aber erstmal das Problem richtig verstanden.

09.03.2010, 21:10
Nudelz Neuer Benutzer Registriert seit: 20.02.2010 Beiträge: 12 PHP-Kenntnisse: Anfänger	entschuldigung hatte kaum zeit und hab das so nebenbei gemacht. hab das jetzt einfach so gelöst: Code: #main { margin:0px auto; float:right; width:700px; height:1000px; overflow:auto; background-color:#FFF; } also eine feste größe und ein overflow: auto rein. wenn es also länger ist kommt ein scroll balken gute lösung? ja^^ Geändert von Nudelz (09.03.2010 um 21:14 Uhr).