IE7 nimmt div - Breite nicht an

keyboarder2k

Hallo,

im CSS meines Blogs hat das DIV mit der ID "footer" einen Wert "width: 100%", der dafür sorgt, dass sich die Hintergrundfarbe dieses DIVs über die komplette Breite der Seite erstreckt.
Der Firefox 2.0 und der IE6 zeigen den Teil auch richtig an. Nur der ach so tolle, neue CSS-Optimierte IE7 beendet das DIV offenbar exakt nach dem Text. Wie kann ich das verhindern? Hat jemand eine Idee dazu?

Ich habe zur Verdeutlichung mal 3 Screenshots angehängt. Wenn man sich alle 3 mal anschaut, sieht man glaube ich, was ich meine.

Die Betreffende Seite liegt unter http://www.rockin-accordions.de/ra/. Die zugehörige footer.php und style.css können weiter unten in diesem Thread auch nochmal gefunden werden, da ja pro Posting max. 3 Dokumente angehängt werden können.

Danke für eure Hilfe, Key2k.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

Zitat von keyboarder2k

Hallo,
im CSS meines Blogs hat das DIV mit der ID "footer" einen Wert "width: 100%", der dafür sorgt, dass sich die Hintergrundfarbe dieses DIVs über die komplette Breite der Seite erstreckt.
Der Firefox 2.0 und der IE6 zeigen den Teil auch richtig an. Nur der ach so tolle, neue CSS-Optimierte IE7 beendet das DIV offenbar exakt nach dem Text. Wie kann ich das verhindern? Hat jemand eine Idee dazu?
Ich habe zur Verdeutlichung mal 3 Screenshots angehängt.
Wenn man sich alle 3 anschaut, sieht man glaube ich, was ich meine.
Danke für eure Hilfe, Key2k.

die Bilder find ich nett,
der Ort des Geschehens die css Datei dazu und ich kann eventuell helfen

lg

keyboarder2k

Sorry, hab ich total vergessen. Ich hab die CSS-Datei mal mit angehängt. Entscheidend sind wohl Zeile 597ff.

Vielen Dank für die Unterstützung.

Monika

die css datei UND das html ergeben einen Sinn,
vielleicht hat sich auch nur irgendwo ein Tippfehler eingeschlichen

ohne url kann ich doch nur raten und raten
bei mir frisst der IE width 100% also muss es da was geben was ihm fehlt was wo anders ist

lg

keyboarder2k

Sorry, bin im Moment nicht ganz bei mir. Hier die entsprechend zugehörige footer.php.

Monika

aaaargs

bitte liefere mir keine Puzzels

sondern alles auf einmal mit einer URL

es hängt doch alles miteinander zusammen
Fehler kann man nicht beim Puzzleteil suchen, sondern nur im gesamten

:-? sei mir net böse, da verzweifelt man beim helfen wollen

keyboarder2k

Das Ganze liegt unter http://www.rockin-accordions.de/ra/

SuMu

hallo
erst einmal solltest du deine Fehler entfernen:
http://validator.w3.org/check?uri=http…ions.de%2Fra%2F

muss kleingeschrieben werden und am Ende ein />
vor dem /> ein Leerzeichen.
ein <br> muss in xhtml immer so sein: <br />

keyboarder2k

Habe mich den Hinweisen angenommen und meine Seite validiert. Allerdings wage ich zu bezweifeln, dass das die Ursache für mein IE7-Problem ist. Ich habe dennoch verstanden, was du mir damit sagen wolltest, SuMu.
Außerdem habe ich mein Ausgangsposting aktualisiert, um meine "Puzzle-Infos" etwas zusammen zu fassen.

So, nun "back to topic", wie es so schön heißt... ;-)

SuMu

versuche doch mal:

background: #292929 url(images/separator_green.gif) repeat-x ;
oder
background: #292929 url(images/separator_green.gif) repeat;

keyboarder2k

Bringt leider beides nicht das gewünschte Resultat ... :neutral:

telekommander

Denke, [COLOR="Blue"][FONT="Courier New"]float: left[/FONT][/COLOR] ist dein Problemkind und entfernen ist die Lösung.

style.css ab Zeile 216:

CSS

/***********************
*  Wrapper             *
***********************/


#wrapper {
	[COLOR="Red"]float: left;[/COLOR]
	background: #fff;
	margin: 0 !important;
	margin: -15px 0 0 0; /* Fuck IE */
	padding: 0;
	}

Alles anzeigen

keyboarder2k

Danke, das scheint die Lösung zu sein. Jetzt macht es der IE7 richtig und FF2.0 zeigt es auch immer noch fehlerfrei an. Nur was der IE6 macht, kann ich jetzt noch nicht sagen, teste ich aber morgen an einem anderen Rechner.

Stellt sich nur die Frage, was der IE7 mit float für ein Problem hat, das der Vorgänger nicht hatte :-?.

Monika

hmm
ich habe genau jetzt keinen IE 7 oder besser dort läuft grade ein Update

ich gebe zu den floats ein display:inline
moppeldoppel aber da hat der IE7 nicht gesponnen

hmm
ausprobieren gehe nachher

lg

keyboarder2k

Also, hab grad den IE6 angeworfen und auch da zeigt er es mit dem Tipp vom telekommander noch immer korrekt an.

Zitat von Monika

ich gebe zu den floats ein display:inline
moppeldoppel aber da hat der IE7 nicht gesponnen

Monika, was genau meinst du damit? Soll ich unter den "float: left" noch zusätzlich ein "display: inline" setzen?
Also so:

CSS

/***********************
*  Wrapper             *
***********************/


#wrapper {
    [COLOR=Red]float: left;
    display: inline;
[/COLOR]    background: #fff;
    margin: 0 !important;
    margin: -15px 0 0 0; /* Fuck IE */
    padding: 0;
    }

Alles anzeigen

Monika

ja

ich mache derzeit fast nur mehr flexible Layouts

Du kannst Dir dort gerne das css ziehen und den Quellcode studieren.

Mag sein, dass meine Methode nicht ganz dem allerneuesten entspricht, doch die meisten Browser können damit was anfangen,
das ist ja schon mal halbe Miete ;)

seo-in.de zb

lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

IE7 nimmt div - Breite nicht an

Jetzt mitmachen!