Weißer Streifen über Menu wegen wrapper CSS

Computer: Software & Programmierung HTML & CSS
1

Hallo Leute, ich verzweifle gerade…

Bastel für einen bekannten eine Internetseite.
Habe sie mit DIVs aufgebaut, weil ich von den iframes
weg wollte.
Ich hatte aber das Problem, dass sich das Menü links
nicht so nach unter erweitert hatte. Das habe ich mit
einem Wrapper behoben.
Nun ist aber über dem Menu ein weißer Streifen, den
ich nicht wegbekomme, kann mir bitte jemand helfen,
habe schon rumgesucht und nichts passendes gefunden.
Bin in CSS noch nicht so versiert.

Hier weitere Infos:

screenshot:
http://thimo.org/pics/screenshot_wrapper.jpg

Code index.php:

…

…
…

Code xxx.css:

#wrapper
{
vertical-align:top;
border:none;
padding:none;
margin:none;
background: url(…/bilder/fill.jpg) repeat-y
left;

}

Falls ich irgenwelche Informationen vergessen habe,
bitte anschreiben, danke.

Wenn ich den Wrapper rausnehme geht auch der Streifen
weg, nur das Menü füllt sich nichtmehr.

OS: Windwows 7
Browser: IE 8, FF 3.6.9, Chrome 6

Ich hoffe mir kann jemand helfen!!!
Komme einfach nicht weiter, mein Kopf platzt bald.

Danke schonmal für die Antworten

Gruß

Thimo

2

Hallo Thimo,

die Ursache kann ich dir nicht sagen. Versuch doch mal dem Wrapper (falls dieser die graue Hintergrundfarbe hat, sonst dem Menü) ein „margin-top: -1px“ zu geben. Das sollte das div um ein Pixel nach oben verschieben.

Gruß
Yordan

3

Ja super, danke :smile:

Klappt, ist vielleicht nicht die sauberste Lösung, aber es funktioniert und ich bin zufrieden :smile:

Danke nochmal

Thimo

4

Hallo Thimo,
versuch es doch einmal damit:

Code xxx.css:

#wrapper
{
vertical-align:top;
border: 0px;
padding: 0px 0px 0px 0px;
margin: -10px 0px 0px 0px;
background: url(…/bilder/fill.jpg) repeat-y
left;
}

Die -10px bei „margin:…(top, right, bottom, left)“ bedeutet, dass das div „wrapper“ um 10px nach oben versetzt werden müsste. Wieviel px Du nun brauchst, musst Du ausprobieren. Ich hoffe es klappt!
So long, Christian

5

hey, zu wenig quellcode um eine diagnose zu treffen. Ich sehe im Quellcode 4 divs und auf dem screenshot mindestens 6…so kann ich leider nicht helfen.
Poste am besten einen Link zum Originalquellcode…

Alternativ schau mal bei css4you (googlen) nach dort gibt es schlanke vorlagen für gänginge Layouts.

ciao

6

Hallo Thimo,

versuch fürs erste mal folgendes:
Füge im CSS des Wrapper folgende Zeile am Ende ein:
margin-top: -5px;

Ggf. musst du die Pixelzahl leicht verändern.

Wenn das nix bringt, poste auch mal die CSS-Definitionen der anderen Divs.

Beste Grüße
Jens