Bild und Scrollbar
dey
- design/layout
Servus
Ich habe auf meiner Startseite http://www26.brinkster.com/bydey/ah2/ ein Bild eingebaut.
Dieses Bild erzwingt UNNÖTIGERWEISE bei 1024*768 einen horizontalen Scrollbar.
Und ehrlich ich verstehe nicht wieso:
Für weiterführende Hinweise ist eine Belohnung in Höhe eines ganz besonderen Danks veranschlagt.
bydey
Moin!
Ich habe auf meiner Startseite http://www26.brinkster.com/bydey/ah2/ ein Bild eingebaut.
Dieses Bild erzwingt UNNÖTIGERWEISE bei 1024*768 einen horizontalen Scrollbar.
Naja ... Mozilla macht natürlich mal wieder keinen, aber der IE dafür.
Auf den ersten Blick würde ich sagen, dass eine 100% breite Tabelle
plus IE "Autorand-Seitenabstandhalter" (*g*) plus einige nicht in die
CSS integrierte Bodymargins einfach zuviel sind.
Setze erstmal alle Abstände auf "0" und schau dir das Ergebnis an,
danach schau mal, wie der IE auf welche Abstandsangaben reagiert
(willst ja sicher der Tabelle etwas Luft zum Seitenrand lassen!?) und
zur allergrößten Not (sollte aber nicht nötig sein) klaust du der
Tabelle ein paar Prozent Breite.
Gruß
Der Hans
Servus
Naja ... Mozilla macht natürlich mal wieder keinen, aber der IE dafür.
Auf den ersten Blick würde ich sagen, dass eine 100% breite Tabelle
plus IE "Autorand-Seitenabstandhalter" (*g*) plus einige nicht in die
CSS integrierte Bodymargins einfach zuviel sind.
Habe weder in start.html noch in css body margins
Setze erstmal alle Abstände auf "0" und schau dir das Ergebnis an,
danach schau mal, wie der IE auf welche Abstandsangaben reagiert
(willst ja sicher der Tabelle etwas Luft zum Seitenrand lassen!?) und
zur allergrößten Not (sollte aber nicht nötig sein) klaust du der
Tabelle ein paar Prozent Breite.
gesagt getan: 90% für table und td getestet -> immer noch hscroll!
Ich hatte es vorher auch schon mal ohne die tabelle getestet und das war auch nicht so hilfreich
Ist ja nicht das erste Bild, dass ich einbinde, aber das erste von derart zickigen Ausmassen. Vielleicht sollten wir mal den Artikel ändern: DIE Bild?!
Sonst noch Ideen?
bydey
Hallo,
Habe weder in start.html noch in css body margins
Setze im CSS fuer body
margin: 0;
padding: 0;
und nimm das leftmargin="10" aus dem HTML-Code heraus.
MfG, Thomas
Moin, nochmal!
Welches Posting du auch immer beantwortest hast, ich antworte noch
einmal auf deines.
[aus der start.html]<body marginwidth="10" marginheight="5"
topmargin="5" leftmargin="10">[/aus der start.html]
Noch einmal: bitte rausnehmen! (falls nötig!)
Viel wichtiger (auch das noch einmal!):
Setze bitte die Ränder des Bodys in den CSS auf "0", also
margin:0px; padding:0px;
Wenn das alles nichts hilft, zeige einmal, wie das Ergebnis DANN aussieht!
Gruß
Der Hans
P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun
Servus
Moin, nochmal!
Welches Posting du auch immer beantwortest hast, ich antworte noch
einmal auf deines.
OK, Schnarchnase as I am habe ich lokal mit einer anderen Datei getestet, als die, die im www war
[aus der start.html]<body marginwidth="10" marginheight="5"
topmargin="5" leftmargin="10">[/aus der start.html]Noch einmal: bitte rausnehmen! (falls nötig!)
Jo!
Viel wichtiger (auch das noch einmal!):
Setze bitte die Ränder des Bodys in den CSS auf "0", alsomargin:0px; padding:0px;
Habe ich jetzt gemacht
Positives Result: nada
P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun
und warum?
bydey
Moin!
Habe ich jetzt gemacht
- 1* <td> + 1* <tr><td></td><td></td></tr>
- border="1"
Positives Result: nada
Bei mir schon:
Du hast das Bild auch kleiner gemacht, die Tabelle hat den Rahmen
und ich habe in Moz und IE6 keinen Scrollbalken mehr!
P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun
und warum?
Weil du deiner CSS-Datei (extern) eine <html>-Definition verpasst hast!
Die erste Zeile deiner CSS-Datei MUSS lauten:
body { ... }
Unten der html-Kram muss auch raus.
IE stellt sich einfach dumm (klaro, was könnte er besser), Moz und
Opera machen solchen Quark aber richtigerweise nicht mit.
Wenn's nach alledem noch nicht besser ist, schick mal nen Screenshot
von deiner Ansicht mit!
Gruß
Der Hans
Servus
Moin!
Habe ich jetzt gemacht
- 1* <td> + 1* <tr><td></td><td></td></tr>
- border="1"
Positives Result: nada
Bei mir schon:
Du hast das Bild auch kleiner gemacht, die Tabelle hat den Rahmen
und ich habe in Moz und IE6 keinen Scrollbalken mehr!
http://www26.brinkster.com/bydey/ah2/hscroll.jpg bei 1024*768!!
P.S.: Dein Hintergrund ist im Moz weiß, im IE rötlich-braun
und warum?
Weil du deiner CSS-Datei (extern) eine <html>-Definition verpasst hast!
Die erste Zeile deiner CSS-Datei MUSS lauten:body { ... }
Unten der html-Kram muss auch raus.
IE stellt sich einfach dumm (klaro, was könnte er besser), Moz und
Opera machen solchen Quark aber richtigerweise nicht mit.
Ist nun geändert. Sieht es besser aus?
bydey
Moin!
Das Farbproblem ist gelöst, sieht jetzt in allen Browsern braun aus!
Bei der IE-Sache kann ich langsam nur noch raten, weil's bei mir gut
aussieht. Du hast nen 5er MSIE, korrekt?
Versuch mal, ihm einen neuen stricten Doctype zu verpassen, wie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ansonsten gehen mir ehrlicherweise langsam die Ideen aus,
hoffe ich habe nicht irgendwo was ganz Billiges übersehen!?
Gruß
Der Hans
Servus
Moin!
Das Farbproblem ist gelöst, sieht jetzt in allen Browsern braun aus!
Bei der IE-Sache kann ich langsam nur noch raten, weil's bei mir gut
aussieht. Du hast nen 5er MSIE, korrekt?
Mit IE5 ist es ok. Scheint ein IE6 bug zu sein. :-(((((
Versuch mal, ihm einen neuen stricten Doctype zu verpassen, wie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Funktioniert lokal nicht!
Ansonsten gehen mir ehrlicherweise langsam die Ideen aus,
hoffe ich habe nicht irgendwo was ganz Billiges übersehen!?
Muss ich denn wohl mit Leben. Was ich nicht verstehe ist, dass die anderen Seiten mit jeder Menge Bilder korrekt dargestellt werden?!
bydey
Servus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Funktioniert lokal nicht!
Der Doctype ist es. Nachdem ich den Doctype gänzlich gelöscht habe, läuft es!!!!
bydey