|
[CSS] vs IE: table width 100% + margin left
Ich stell mir immer öfter die Frage, ob Webdesign eigentlich verrückt macht. Folgendes Problem (nur im Internet Explorer):
<div style="margin-left:30px"> <table style="width:100%"> <tr> <td style="width:50%;text-align:left">A</a></td> <td style="width:50%;text-align:right">B</a></td> </tr> </table> </div> bewirkt im Internexplorer, dass die Tabelle trotz Margin die ganze Seitenbreite benutzt und daher über die eigentliche Seitenbreite (in diesem Fall um 30 Pixel) hinausgeht. Das verursacht natürlich den tollen Effekt eines Scrollbars um alles lesen zu können und macht sich besonders gut bei Margin von mehreren 100px zb für Seitenteilung... gibts hierfür nen Workaround? (google fand keinen wirklich brauchbaren) herzlichen Dank, Thomas |
Schau mal bei Dean Edwards nach
http://dean.edwards.name Er entwickelt IE7, das behebt einige CSS Bugs des IE |
Re: [CSS] vs IE: table width 100% + margin left
Zitat:
gruss, snowman ps.: Nicht alles auf den Browser schieben. |
doctype hab ich angegeben (nur post ich nun mal nicht meine ganzen files):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> seite ist auch w3c valid... hab aber inzwischen die http://dean.edwards.name site angesurft und dort ein paar ideen geklaut... wenn man nämlich position:absolute verwendet, funktioniert das ganze auch so - hätt ich selbst draufkommen müssen... mfg Thomas |
Zitat:
|
Der IE6 macht ohne Doctype-Angabe, also im Quirk-Modus, das so, wie du es beschrieben hast, mit doctype schauts fein aus.
gruss, snowman |
Re: [CSS] vs IE: table width 100% + margin left
Zitat:
2.) die width-angaben in der table sind definierte attribute der tags, daher brauchst keine style-angaben machen. außerdem reicht es, wenn du bei der table 100% und bei einem feld 50% angibst, der rest wird dann einfach der anderen spalte zugewiesen. 3.) align="left" ist bei tabellenfeldern default, daher brauchst du das nicht explizit angeben. 4.) du hast abschließende ankertags angegeben, obwohl es keine aufgehenden gibt, das ist definitiv ein fehler und könnte auch eine ursache sein, warums nicht funzt. ich würds so machen: |
@snowman:
Wie krieg ich raus ob mein IE mit Doctype Angabe oder ohne arbeitet? arbeite sonst eigentlich nie damit, kenn mich also ned sonderlich aus... @RaistlinMajere: ad 1.) könnt ich natürlich machen, nur hab ich auf der Seite einige Kopf (und Fuß)zeilen, die über die ganze Breite gehen sollen. ad 2.) keine Angst, ich kenne viele HTML Attribute für diverse Tags und würde auch ohne CSS auskommen - nur nachdem es immer öfter heißt man sollte kein HTML Design mehr verwenden und nur mehr CSS (steht sogar auf selfhtml) versuche ich jetzt auf CSS umzustellen ad 3.) ich hatte bereits bei einer anderen Seite das Problem das in einem Browser alles zentriert wurde, wenn nicht explizit die Angabe text-align:left vorhanden war. Deswegen schreib ichs lieber dazu, bevors irgendwo falsch interpretiert wird. Das die Browser sich ausrechnen wie breit die letzte Spalte sein soll ist eh klar, hab mir nur angewöhnt das doch hinzuschreiben damit ich bei größeren Tabellen gleich sehe wie breit welche Spalte ist. ad 4.) das mit dem </a> ist ein Fehler (stammt noch aus der ursprünglichen Seitenschreibweise), hab ich aber bei meiner Testversion schon entfernt (ich kürze meine Testversionen immer solang bis ich nurmehr eine Fehlerquelle habe). ad meine Problemlösung: Ich stelle diese Seite jetzt wieder soweit wie nötig auf Blindtabellenformatierung um, da bei mir IE (aber auch im Opera) noch weitere "interessante" Effekte auftreten, welche ich nicht durch doppelten Aufwand/IE Hacks/... beheben will. Ich finde momentan einfach nicht die Geduld mehr Zeit für Design zu verbrauchen, das mit einfacheren Methoden genau so aussieht, als wenn ich es mit den neuen, besseren, kompatibleren (*g*) Methoden arbeite... - aber ich versuche halt immer wieder doch Möglichkeiten zu finden meine Seitenschreibung auf ein einheitliches Niveau zu bringen... auf jeden Fall einen herzlichen Dank für eure bisherigen Mühen! mfg Thomas |
| Alle Zeitangaben in WEZ +2. Es ist jetzt 19:26 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag