Willkommen in der Webstatt
User-1 am 26.05.07 20:13

Hi ich hätte da mal nen ernsthaftes Problem mit CSS... bzw viel mehr mit dem verfluchten Internet Explorer! Also als erstes mal mein HTML-Code:

<table width="604" cellpadding="0" cellspacing="0" border="0" class="tableBorder">
<!-- bla bla -->
<td colspan="3">
<div class="codeHead">Code:</div>
<div class="codeBody"><code>... - Fett schreiben<br />
... - Kursiv schreiben<br />
... - Unterstrichen schreiben<br />
... - Durchgestrichen schreiben<br />
TEXT - Link auf &quot;URL&quot; mit Linktext &quot;TEXT&quot; (URL's werden auch automatisch umgewandelt)<br />
[url]URL[/url]<br />
</code></div>
</td>
</tr>
</table>


Das ist zwar nicht die ganze Tabelle aber der wichtigste Teil. Mein CSS sieht zu dem Teil so aus:
div.codeHead {
background-color: #DDDDDD;
color: #000000;
margin-left: 10px;
margin-right: 10px;
padding-left: 1px;
margin-top: 5px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
div.codeBody {
background-color: #FFFFFF;
margin-left: 10px;
margin-right: 10px;
padding-left: 3px;
margin-bottom: 1px;
font-size: 11px;
border: 1px solid #000000;
overflow: auto;
white-space: nowrap;
}

Also wie man schon deutlich erkennen kann, habe ich keine feste Breite zugewiesen (mit width:;) sondern nur den Abstand zum linken bzw rechten Rand der Tabelle (margin-left, margin-right). [edit: wenn ich eine feste Breite zuweise geht es aber da die Divs immer unterschiedlich breit sind funzt das nicht] Im Firefox (oben) sieht alles wunderbar aus:
[img]http://img153.imageshack.us/img153/5027/fxiedivautooverflowzl8.jpg[/img]
aber im Internetexplorer verzieht sich die ganze Tabelle inklusive Div...

Weiss einer wie ich das Problem lösen könnte?

xyz-48ke schonmal im Vorraus

netcup.de Warum gibt es hier Werbung?
User-2 am 30.05.07 18:20

Hi xyz-212,
wieso nutzt du keine feste breite? bzw. eine prozentuale?

Du könntest auch nur für den Internet Explorer eine feste Breite einstellen via Browserweiche.

Schließlich wissen wir ja alle, dass der Internet Explorer das Problemkind aller Leute ist *gg* :D

Gruß, xyz-172 :)

User-3 am 30.05.07 19:46

Was spricht gegen ein "overflow: scroll"?
"auto" nimmt nämlich den Standard, und der ist meines Wissens nach bei IE "visible".

http://www.css4you.de/overflow.html

User-1 am 31.05.07 09:29

Hi, danke für die Antworten erstmal!

Quote
Original von Waxyz-190
Was spricht gegen ein "overflow: scroll"?
"auto" nimmt nämlich den Standard, und der ist meines Wissens nach bei IE "visible".

http://www.css4you.de/overflow.html

Weil dann immer beide Scrollbars angezeigt werden! Ausser im IE natürlich...

@xyz-172:
Ich kann keine feste Breite nehmen weil die Code-Felder immer an unterschiedlichen Stellen sind (zb sind die Div's bei News 600 Pixel breit, bei Foreneinträgen nur 500px.).
Mh das mit prozentualer Breite könnte ich mal schnell probieren, bin mir nicht 100%ig sicher, ob ich das schonmal versucht hab.

xyz-48ke soweit ^^

//edit:
Naja mit prozentualer Breite sieht es sogar im FX total zerhaun aus und im IE ist die Tabellenzeile immernoch so breit und die Div ist zwar schmaler und scrollbar aber das bringt mir ja nichts wenn die Tabelle trotzdem noch so breit ist wie vorher ;)

//edit2: Screens
[IMG]http://img295.imageshack.us/img295/2274/fxiedivscrolloverflowhc9.th.jpg[/IMG]
div.codeHead {
background-color: #DDDDDD;
color: #000000;
margin-top: 1px;
margin-left: 5px;
width: 95%;
padding-left: 1px;
margin-top: 5px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
div.codeBody {
background-color: #FFFFFF;
width: 95%;
padding-left: 3px;
margin-left: 5px;
morgen-bottom: 1px;
font-size: 11px;
border: 1px solid #000000;
overflow: scroll;
white-space: nowrap;
}


HTML-Code wie gehabt

User-2 am 31.05.07 14:16

Quote

@xyz-172:
Ich kann keine feste Breite nehmen weil die Code-Felder immer an unterschiedlichen Stellen sind (zb sind die Div's bei News 600 Pixel breit, bei Foreneinträgen nur 500px.).
Mh das mit prozentualer Breite könnte ich mal schnell probieren, bin mir nicht 100%ig sicher, ob ich das schonmal versucht hab.


Gut Gut, aber ich weiss zwar nicht ob deine News generiert werden etc, aber wieso machsat du nicht im code das einfach als CSS Anweisung für das Stückchen da und lässt die Breite bei den Definitionen in Stylesheet raus?
Also eine feste Sache drin im Code bei beiden Scripten.

Wenn es dir dann beim IE raus haut, solltst du dir überlegen die Sachen da in em anzugeben wo ich leider nicht weiss wie groß es ist, aber das kann Wunderhelfen. ;)

Gruß, xyz-172 :)

User-1 am 31.05.07 14:34

Das Problem ist ja, dass die Div's immer durch die gleiche Funktion durch das BB-Code-System generiert werden ;) Aber es würde natürlich gehen, wenn ich den Tabellen, in denen die Div's sind unterschiedliche Klassen zuweise, und dann zb

td.tdNewsContent div.codeBody {}

verwende. xyz-48ke für den Denkanstoss ^^ Wenn es sonst keine Möglichkeit gibt werd ich das mal machen.

User-2 am 31.05.07 14:43

Quote
Original von xyz-212
Das Problem ist ja, dass die Div's immer durch die gleiche Funktion durch das BB-Code-System generiert werden ;) Aber es würde natürlich gehen, wenn ich den Tabellen, in denen die Div's sind unterschiedliche Klassen zuweise, und dann zb

td.tdNewsContent div.codeBody {}

verwende. xyz-48ke für den Denkanstoss ^^ Wenn es sonst keine Möglichkeit gibt werd ich das mal machen.


Naja, aber der BB-Code erstzt ja das eine nur gegen den Div und dort halt vielleicht als zusätzlichen Paramter eine 600 oder 500 einsetzen als style="width:meinebreite;" ;)

Gruß, xyz-172 :)

User-1 am 31.05.07 14:55

Joa klappt zwar theoretisch aber ich kann ja nich meine User jedes mal die Breite wählen lassen ^^ (oder wie meinst du das jetzt?)

User-2 am 31.05.07 15:10

:D Können schon, aber ich denke, dass man es irgendwie noch mit CSS lösen kann. Ich weiss ja nicht wie die umliegende Struktur bei den News und in deinem Forum aussieht, aber sonst wären zwei BB-Code Regeln schön eine für den 500 und 600 und da ich denke, dass nur Admins und Reporter News screiben können, baust du denn 500 Button für die Foren User dann ein. Also das man ein Abfrag macht wer Recht hat so einen Code zu benutzen.

Klingt zwar gerade wirr für mich, aber naja Ende vom Lied ist eine Rechte vergabe, wer welchen Code nutzen darf. ;)

Gruß, xyz-172 :)

User-1 am 31.05.07 15:26

Mh ne das geht ja auch nicht, weil ich auch Zitate in eine Div tuhe, die auch verschachtelt werden können und die auch normale User benutzen können...

User-2 am 02.06.07 09:04

Quote
Original von xyz-212
Mh ne das geht ja auch nicht, weil ich auch Zitate in eine Div tuhe, die auch verschachtelt werden können und die auch normale User benutzen können...


:D Gehen tut alles. Naja wenn du keine zwei Definitionen machst musst du halt eine CSS Lösung finden. Ich weiss zwar nicht wie groß dein Mutterelement ist, aber ich würde es echt mit Prozentangaben probieren. Denn 100% sind ja nicht überall gleich. ;)

Gruß, xyz-172 :)

User-1 am 02.06.07 12:36

Quote
Original von xyz-172
[quote]Original von xyz-212
Mh ne das geht ja auch nicht, weil ich auch Zitate in eine Div tuhe, die auch verschachtelt werden können und die auch normale User benutzen können...


:D Gehen tut alles. Naja wenn du keine zwei Definitionen machst musst du halt eine CSS Lösung finden. Ich weiss zwar nicht wie groß dein Mutterelement ist, aber ich würde es echt mit Prozentangaben probieren. Denn 100% sind ja nicht überall gleich. ;)

Gruß, xyz-172 :)[/quote]
Ja, aber wie schon gesagt, ist das Problem bei den Prozentangaben, dass die Tabelle drum her um immernoch so breit bleibt, auch wenn es komplett unlogisch ist...

Haste vll noch eine andere Idee?

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt