header verrutscht...
hey ho guten abend im forum!
ich habe das problem dass mein header verrutscht wenn ich zuviel text auf der seite hab und der scrollbalken eingeblendet wird... (benutze firefox version 3.0.4) bemerkbar macht sich das durch einen kleinen aber feinen grünen streifen am linken headerrand... das ist meine seite.... headerproblem wenn ihr euer browserfenster langsam verkleinert könnt ihr sehn wie der grüne rand mal da ist und mal nicht.... wenn man sie im IE 7 anschaut ist der grüne streifen rechts vom header..... leider hab ich keinen plan woran das liegt, ich hab schon einiges gegoogelt und in diversen foren geschaut aber alles negativ.... ich hab euch hier mal meine quellcodes: index.html HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Code:
body { danke schonmal, weblearner! |
Code ist nicht valide:
[Invalid] Markup Validation of http://schuhh.sc.funpic.de/webiste/ - W3C Markup Validator Es ist sogar ein <a>-Tag falsch gesetzt. Im IE6 ist es auch verzerrt. FF zeigts gut an. Ich würde die Navi aber in den Header reinpacken und nicht in den Content. Gehört ja ansich nicht zum Inhalt. Warum arbeitest du noch mit html4.01? |
hey!
danke für deine Antwort! danke auch für die page um die eigene seite überprüfen zu können... super cool, hab ich nicht gekannt! jetzt sind alle fehler behoben auf die ich dort aufmerksam gemacht worden bin... allerdings haben die nicht mit meinem problem zu tun gehabt... (leider) ich habe jetzt aber eine evt lösung gefunden... ein paar post nach meinem hat jem. das gleiche problem gehabt... http://xhtmlforum.de/54818-ie7-div-n...-es-fehlt.html dort wurde ein code als verbesserungsvorschlag gemacht... den hab ich mir jetzt mal angeschaut und in meine page eingebaut... funktioniert auch ganz prima bisher... das einzigste was mich stresst ist dass der grüne hintergrund jetzt nicht mehr macht was ich will.... Code:
background: #ffffff url(images/img1.gif) repeat-y center top; neue style ich hab hier mal alles vereinfacht und alles überflüssige wie footer und navigation rausgenommen damit nich so viel quelltext vorhanden ist zum überprüfen... das problem das hier entsteht ist meinermeinung nach dass der "wrapper" dem "content" nicht die chance lässt sich ganz auszubreiten.... ich müsste dem content also eine höhe geben... das ist allerdings suboptimal da meine inhalte auf den verschiedenen seiten ja nicht immer gleich lang sind..... hab ich mich jetzt nur verschrieben oder geht das nicht anders? oder gibts vll eine lösung wie man den content dazu bringen kann "repeat-y" auch wirklich auszuführen...? hier also mal meine index.html: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" Code:
* { weblearner! @regloh:der tip mit der navi wird befolg! ist eigentlich echt logisch... was für eine version von FF hast du denn? in meinem 3.0.4 ist es verzerrt.... IE 7 auch... warum arbeite ich mit HTML4.01??ähhhh kp.... ich bin noch nicht allzulang dabei deshalb die frage... gibts noch was anderes? bin grad ein bissel iritiert..... |
Zitat:
Zitat:
|
ok...
glück gehabt.... ich dacht schon ich käme hier mim hinterletzten ;) |
Ich hatte eben keine Zeit mir dein Problem anzuschauen, aber jetzt:
Entferne bei #content die Höhenangabe, die ist für dein Problem verantwortlich. Du solltest sehr vorsichtig mit Höhenangaben sein und sie wenn möglich vermeiden. |
hey inta!
hammer! es funkt! tausend dank! (auch von meiner freundin weil ich jetzt wieder gut drauf bin ;) ) ich bin glücklich! thx, weblearner! |
Alle Zeitangaben in WEZ +2. Es ist jetzt 00:03 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023