gibt es eine andere Lösung ohne Tabelle?
Hallo,
habe mein Layout so gestaltet, das im content bzw. da wo der Inhalt rein kommt eine Graffik auf der rechten Seite ist. Ich möchte jedoch nur links von der Graffik meinen Text einfügen, die Div Box mit dem Inhalt soll aber scrollbar sein, wenn der Inhalt zu gross ist. Habe das im Moment so gelöst, das ich in meine Div Box #inhalt eine Tabelle rein tue, die ich in 2 Spalten aufteile. In die linke kommt der Inhalt und die rechte bleibt frei. Kann man dies anders Lösen als mit Tabellen? Hier der Code: CSS: Code:
#seite { HTML-Code:
<body> |
Hast Du mal ein Live-Beispiel?
|
ein live Beispiel leider nicht.
aber einfach den ganzen code kopieren und im editor als html speichern und dan aufrufen............. Code: HTML-Code:
<html> |
Hatte gerade ein bisschen Zeit. Alle Infos sind im Text enthalten. Getestet mit IE 6 und FF 3.x
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Ich nehme an, er will, dass das inhalts-div horizontal scrollt.
|
Meinst Du :shock:
Ich nehme an *spekulier* dass sein Blindtext einfach aus Versehen keine Leerzeichen enthält und deshalb der horizontale Scrollbalken kommt. Mal schauen :) |
Hallo,
erstmal DANKE! also die Lösung von andir ist super ich habe davon mal gelesen bin aber nicht drauf gekommen. Ich möchte keinen horizontalen scroll sondern vertikal. Ich weiss nicht warum aber bei mir verlaüft der scroll vertikal in dem Code welchen ich, abgespeckt, gepostet habe. Habe es jedoch auch gerade festgestellt, dass wenn ich den code von hier kopiere und aufrufe so wie bei Euch ein horizotaler scroll erscheint. Da frage ich mich wieder warum? Was noch komisch ist wenn ich in meinen Inhalt eine Auflistung mache mit: Code:
<ul style="list-style-type:square;"> mfg EDIT: Habe gerade erst den beigefügten Text durch gelesen und mir paar infos zur Dokumenttyp-Deklaration durch gelesen. Ziemlich wirr das ganze im endeffekt weiss ich nicht wirklich was ich bei mir schreiben soll. Folgendes steht jedoch da: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
Zitat:
|
Hi,
Zitat:
Habe das ganze gerade mit IE getestet, gestern hatte ich nur Firefox und Opera ausprobiert. Und musste feststellen, dass irgendwas schief gegangen ist. Und zwar ist der Text der in <p> ist ganz schmall als hätte man margin: 5px 600px 0px 5px; eingestellt habe jedoch margin:5px 300px 0px 5px;. Dies ist jedoch nur so wenn ich Fotos im Inhalt habe, wenn ich nur Text einfüge ist die Formatierung ok. Siehe Code unten. Das Problem bei IE, weswegen ich nicht sofort testen kann ist, dass ich keine php Dateien aufrufen kann, muss immer die Datei in html umbennenen. Liegt bestimmt an irgendeiner Einstellung aber welcher? Zitat:
Siehe jpg: firefox http://www.terencechill.de/firefox.jpg und Opera & IE: http://www.terencechill.de/opera.jpg Hier ist mein ganzer CODE: HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" mfg |
Hallo,
hat keiner eine Idee wieso es im IE diese komische Darstellung gibt? Versuche schon seit gestern alles mögliche aber ohne Erfolg. |
Hi,
dei Browser haben unterschiedliche Default-Einstellungen die Listenzeichen betreffend. Bei FF ist es list-style-position: outside; und beim IE list-style-position:inside; Es empfiehlt sich daher z.B. entweder auf inside zu setzen, oder die Listenzeichen auszuschalten, oder eine kleine HG-Grafik als Listenzeichen einzubinden. ;) |
Das mit den Listenpunkten ist ein altes Problem, für das ich Dir keine brauchbare Lösung habe. Der Firefox benötigt Platz innerhalb des Elements zur Darstellung der Listenpunkte, der IE rendert die Listenpunkte (wohl) auch ausserhalb des Elements. Die Spezifikation sagt meines Wissens dazu nichts aus, so dass da jeder seine eigene Suppe kocht.
Du mußt halt rumprobieren, bzw. den nötigen Platz schaffen. im Übrigen gehören Listen in eine ul oder ol, und margin: 1; ( bei deinem CSS-Reset) ist eine ungültige Angabe :) |
@hubspe: Wenn er die Listenpunkte aber ausserhalb des Fließtextes haben will und nicht genug Platz hat, bekommt er dann mit dem IE ein Problem...
|
Hi,
Zitat:
Was er davon annimmt und wie er sich den nötigen Platz verschafft muss er schauen (wahrscheinlich am besten ausschalten, dann ist der Platz wurscht). ;) |
Hallo,
habe es geschafft das es im IE auch so aussieht wie bei FF. Habe einfach <ul> um die <li> Aufzählung hinzugefügt und es funktioniert. Ich habe auch niergendwo list-style-position benutzt in meinem CODE. Was mich noch weiter Ärgert, ist das ich bei IE nicht die auf meiner HDD befindlichen php Dateien öffnen kann, sondern diese erst in html umändern muss. Wenn ich die php Dateien öffnen will, startet FF und geht dort auf! Habt ihr eine Idee an welcher Einstellung dies wohl liegt? EDIT: Habe ein Problem mit Textumbruch bzw. Umbruch Allgemein. Nach Bildern und h1...h4 wirde kein Umbruch nach <br> gesetzt, wieso ist das so? Habe es auch mit white-space:normal; ausprobiert leider ohne Erfolg. |
Moin,
Zitat:
Zitat:
Ansonsten können wir ohne komplettes Beispiel oder Link nur rumraten. |
Zitat:
CSS2.1 User Agent Style Sheet Defaults |
Alle Zeitangaben in WEZ +2. Es ist jetzt 14:59 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023