Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „IE 6.0: Tabelle 100% in einem DIV“

Lakai

Aktives Mitglied

sees community!

hab mal wieder ein problem mit css, besser mit dem ie6!

also ich hab hier ein forum das ist in einer tabelle und diese befindet sich in einem div-layer.

im mozilla funktioniert das ganze wunderbar:

die tabelle hat 100% und nimmt sich auch wirklich nur die 100% des übergeordneten divs.

im ie schaut das ganze etwas anders aus:

hier nimmt sich die tabelle 100% des browserfensters, jedenfalls wenn ich das richtig erkannt habe.

wär wunderbar wenn jmd. mal ein ähnliches prob hatte und mir weiterhelfen kann, oder es vielleicht sogar auf anhieb sieht, was ich falsch mache.


erstmal zwei screenshots:






und hier der code

Code:
<body>

<div id="header_nr4">
	<div id="logo">
	<img src="images/logo.jpg" />
	</div>
	<div id="headerlinks">
	<img src="images/headerlinks.jpg" />
	</div>
</div>


<div id="nav_nr4">
	navigation
</div>


<div id="main">

HIER KOMMT DANN DIE TABELLE (width: 100%)

</div>

</body>


CSS

Code:
* {
	margin: 0;
	padding: 0;
}
html {
	background: transparent url(images/htmlbg.jpg) repeat-x top;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent url(images/bottom_center.jpg) repeat-x bottom;
}

#header_nr4 {
	background: transparent url(images/headerbg.jpg) repeat-x;
	width: 100%;
	height: 115px;
	float: none;
}

#logo {
	float: left;
	
}


#headerlinks {
	float: right;
}


#nav_nr4 {
	background: transparent url(images/nav.jpg) repeat-x;
	float: none;
	height: 40px;
	margin-left: 25px;
	margin-right: 25px;
}


#main {
 	margin-left: 25px;
 	margin-right: 25px;
	background: transparent url(images/bottom_center.jpg) repeat-x bottom;
	background-color: #FFFFFF
}
 
W

waterwebdesign

Guest

AW: IE 6.0: Tabelle 100% in einem DIV

versuch ma in das #main noch ein padding:0; zu bringen, und dann ebenfalls im CSS-Bereich für die tabelle ein margin: 0;
hab leider nicht die möglichkeit es auszuprobieren, aber ich denke es sollte dann gehen
 

Lakai

Aktives Mitglied

AW: IE 6.0: Tabelle 100% in einem DIV

hatte in meiner css file schon mal ein

* {
padding: 0px;
margin: 0px;
}

damit hats aber auch net gefunzt...

und das hab ich dann wieder entfernt, weil es sich ungewünschtermaßen auf das restliche layout (innerhalb der tabelle) ausgewirkt hat...

aber vielen dank für die anregung!
 
W

waterwebdesign

Guest

AW: IE 6.0: Tabelle 100% in einem DIV

hast du schon mal um das problem herauszufiltern, die tabelle komplet durch text ersetzt? wenn es dann geht, weisst u wo das problem liegt
 

knispel

Mediendesigner

AW: IE 6.0: Tabelle 100% in einem DIV

Kannst du uns das mal online anbieten?

Ich vermute, dass deine Tabelle im IE6 eine Breite von 25px+100% hat ...
 

Lakai

Aktives Mitglied

AW: IE 6.0: Tabelle 100% in einem DIV

@waterwebdesign:

ne online hab ich's jetzt mit ner tabelle gelöst...
ist sicherlich nicht die sauberste art, aber zumindest funzt es so. und das wbb2 ist auch noch komplette tabellenbasiert.



@knispel:
ja genau das ist das problem... tabelle 100% + 2x margin 25px!



also stresst euch deswegen jetzt nicht rein - wie gesagt mit ner tabelle und ein paar abstrichen am design funzt es schon.

falls aber jemand ein ähnliches problem hatte und sofort ne lösung parat hat, wäre ich daran schon interessiert!

aber vielen dank euch beiden für die mithilfe!
 

knispel

Mediendesigner

AW: IE 6.0: Tabelle 100% in einem DIV

Hi,
schade, dass du es nicht online zeigst. So kann man doch trotz Code nur mutmaßen bzw. grundsätzliches sagen.

Grundsätzlich sollte man floats auch clearen.

Wie sieht es bei dir mit der DTD aus? Besonders für den IE6 ist der standardkonforme Modus wichtig, um das Boxmodell richtig zu interpretieren. Da du XHTML verwendest, solltest du
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
verwenden, ohne
HTML:
<?xml version="1.0" encoding="UTF-8"?>
, da es den IE6 in den Quirksmodus versetzt.

Nächste Variante, um die Breiten in den Griff zu bekommen:
Lege um "main" einen Div mit
width: 100%;
margin: 0;
und padding: 0;
main selber darf aber keine width-Zuweisung erhalten.
(Hat nichts mit Div-Suppe zu tun, man gibt nur Layout (hasLayout), siehe z.B. hier.)

Mit Hacks oder Conditional Comments müsstest du nicht mal arbeiten (ausser für IE<6).
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.854
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben