Problem mit Navigation - Seite 2

Despairing · #11 (**permalink**) 12.08.2006, 13:55

Achso, ups ...

Hab' nun u.a. diesen Thread entdeckt.
Soll ich nun

Code:

#wrapper {
background: #ffffff url(/_V7/background_menu.gif) repeat-y;
margin: 0px auto;
width: 760px;
color: #000000;
clear: both;
}

diesen Code nutzen?

Und wie soll die Hintergrundgrafik eigentlich aussehen bzw. wie breit soll die sein? Soll auf der ein Punkt sein, der sich dann ständig wiederholt? Soll die Hintergrundgrafik so breit sein, wie die gesamte Navigation ist oder soll die Hintergrundgrafik so breit sein, wie die gesamte Navigation und der gesamte Content?

heiko_rs · #12 (**permalink**) 12.08.2006, 14:20

Es genügt 1px Breite, die Höhe ist 2-3px (ausprobieren). Der Rest geht mit repeat-y und background-position. Vorteil übrigens: Die Border sieht sieht in allen Browsern gleich aus (inkl. IE, der dotted als dashed darstellt).

Despairing · #13 (**permalink**) 12.08.2006, 14:29

Also die Hintergrundgrafik soll ein Pixel breit sein und entweder zwei oder drei Pixel hoch sein. Und soll die Hintergrundgrafik einen schwarzen Punkt beinhalten oder nur einen weißen Hintergrund?

Stimmt übrigens der gesamte Code, den ich im letzten Beitrag gepostet habe?

Und stimmt mein Quelltext hier überhaupt? Wegen dem <div id="wrapper"> ...
Diese ID endet übrigens nach dem </div> der Navigation. Ist das korrekt so?

heiko_rs · #14 (**permalink**) 12.08.2006, 14:43

Zitat:

Zitat von Despairing

Und soll die Hintergrundgrafik einen schwarzen Punkt beinhalten oder nur einen weißen Hintergrund?

Transparentes gif mit scharzem Punkt. Übrigens kannst Du überlegen, alle borders für den IE per Grafik zu erzeugen (der Einheitlichkeit halber, da andernfalls die übrigen als dashed dargestellt werden).

Zitat:

Zitat von Despairing

Stimmt übrigens der gesamte Code, den ich im letzten Beitrag gepostet habe?

background-position fehlt, und das clear scheint überflüssig.

Zitat:

Zitat von Despairing

Und stimmt mein Quelltext hier überhaupt? Wegen dem <div id="wrapper"> ...
Diese ID endet übrigens nach dem </div> der Navigation.

Ich habe nicht geschaut, aber der Quelltext sollte so sein: Der Wrapper schließt alle Elemente ein, in der Reihenfolge Header, Navi, Content, Footer.

Despairing · #15 (**permalink**) 12.08.2006, 15:12

background-position: ?;
Was muss ich'n da angeben?

Habe clear: both; entfernt.

Okay, habe den letzten Punkt so ausgeführt, wie du geschrieben hast.
Könntest du bitte schauen, ob das so auch wirklich stimmt?

heiko_rs · #16 (**permalink**) 12.08.2006, 15:39

Zitat:

Zitat von Despairing

background-position: ?;
Was muss ich'n da angeben?

Einfach nur die Position angeben, an der Hintergrund stehen soll, z.B. "...repeat-y 150px 0;" (dabei steht der erste Wert für left und der zweite für top).

Zitat:

Zitat von Despairing

Okay, habe den letzten Punkt so ausgeführt, wie du geschrieben hast. Könntest du bitte schauen, ob das so auch wirklich stimmt?

Ja, stimmt. Allerdings brauchst Du #layout nicht, und #footer auch nicht (diese ID kannst Du dem enthaltenen <p> geben).

Despairing · #17 (**permalink**) 12.08.2006, 15:56

Habe im Stylesheet folgendes angegeben:

Code:

#wrapper {
background: #ffffff url(/_V7/background_menu.gif) repeat-y 154px 0px;
margin: 0px auto;
width: 760px;
color: #000000;
}

Funktioniert nicht.

(Habe übrigens das id="copyright" entfernt ...)

fricca · #18 (**permalink**) 12.08.2006, 15:59

Wenn du das Hintergrundbild deines wrapper sehen willst, dann müssen die davorliegenden Container transparent sein.

Despairing · #19 (**permalink**) 12.08.2006, 16:06

Der Container vor "wrapper" ist "layout".
Und wie soll ich "layout" transparent machen?
Soll ich im Stylesheet bei #layout
background-color: transparent
bzw.
background: transparent angeben?

heiko_rs · #20 (**permalink**) 12.08.2006, 16:14

Gemeint ist nicht im Quelltext davor, sondern im Design davor bzw. darüber liegend. #wrapper ist weiß, und alle übrigen (nämlich die davor liegenden) transparent (bzw. ganz ohne background-Angabe).

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit Navigation	JOBE00	CSS	23	03.04.2015 06:39
Problem mit sticky navigation	ha-bauer	Javascript & Ajax	6	22.04.2013 19:05
Problem mit Navigation	safari	CSS	12	20.04.2011 11:11
Dropdown Navigation Problem in Opera	xuxu	CSS	1	28.01.2011 16:45
Container mit 2 Container darin -> Hintergrund anzeigen	bendar	CSS	4	05.04.2005 18:18