Autor |
Nachricht |
lechuza
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst So 29.08.2004 17:47
Titel
|
|
|
Achim M. hat geschrieben: | Scrollbare Bereiche ohne Frames und Iframes:
Code: | <div style="overflow: auto;">
</div> |
Versteht eigentlich jeder aktuelle Browser. Wird nicht verstanden von: Netscape 4.x und Opera 6.x. Einige Browser benötigen explizite Größenangaben des div-Containers in Pixel (height und width). Etwas problematisch reagiert der IE 5.x für Mac (zeigt gerne einen horizontalen Scrollbalken, selbst wenn dieser scheinbar unnötig ist). Maus-Rollrad funktioniert nur im InternetExplorer ab Version 5.5.
Gruß
Achim |
also das war doch schonmal ein hilfreicher beitrag - wo liegt euer verständnisproblem!?
weiter so
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 30.08.2004 11:59
Titel
|
|
|
Zitat: | Ausserdem bietet sich bei einem Formular eine Tabelle an da du das Formular ja meist tabellarisch darstellen willst. |
Nö, ganz und gar nicht. Damit mißbraucht man HTML-Elemente. Tabellen sind für tabellarische Darstellungen gedacht und nicht als Designhilfe für z.B. Formulare.
Früher mußte man so arbeiten, aber mittlerweile kann man das mit CSS machen: <label> benutzen, floaten lassen und positionieren. Wunderschön und der Code ist viel übersichtlicher als mit Tabellen.
|
|
|
|
|
Anzeige
|
|
|
Ahoj
Dabei seit: 28.04.2004
Ort: Köln
Alter: 39
Geschlecht:
|
Verfasst Di 31.08.2004 10:30
Titel
|
|
|
Achim M. hat geschrieben: | Scrollbare Bereiche ohne Frames und Iframes:
Code: | <div style="overflow: auto;">
</div> |
Versteht eigentlich jeder aktuelle Browser. Wird nicht verstanden von: Netscape 4.x und Opera 6.x. Einige Browser benötigen explizite Größenangaben des div-Containers in Pixel (height und width). Etwas problematisch reagiert der IE 5.x für Mac (zeigt gerne einen horizontalen Scrollbalken, selbst wenn dieser scheinbar unnötig ist). Maus-Rollrad funktioniert nur im InternetExplorer ab Version 5.5.
Gruß
Achim |
Hm, meine steht auf overflow:hidden und wird im IE auch konsequent richtig dargestellt...das ganze wird dann per JavaScript gescrollt. Opera hingegen macht zwar das scrollen richtig, zeigt den Text aber nichtsdestotrotz an.
Gibt's da irgendeinen Trick, wie ich Opera (die Mac-Version übrigens), notfalls mit Waffengewalt, dazu bringen kann, den blöden Text nicht mehr anzuzeigen?
Hab irgendwo gelesen, das ginge, indem man den Body auf overflow:hidden setzt, aber ebensogut hätte ich Beethovens neunte rückwärts gurgeln können, hätte ähnlich viel gebracht.
Hat da jemand Erfahrung?
Ah, eins noch: mein Container hat feste Pixelangeben, der Contentlayer nicht, das doch richtig so, oder?
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 31.08.2004 10:37
Titel
|
|
|
rob hat geschrieben: | Zitat: | Ausserdem bietet sich bei einem Formular eine Tabelle an da du das Formular ja meist tabellarisch darstellen willst. |
Nö, ganz und gar nicht. Damit mißbraucht man HTML-Elemente. Tabellen sind für tabellarische Darstellungen gedacht und nicht als Designhilfe für z.B. Formulare.
Früher mußte man so arbeiten, aber mittlerweile kann man das mit CSS machen: <label> benutzen, floaten lassen und positionieren. Wunderschön und der Code ist viel übersichtlicher als mit Tabellen. |
richtig, formulare sollte man rein mit den tags <fieldset> und <label> formatieren. auch divs haben in formularen nicht unbedingt was verloren.
|
|
|
|
|
lechuza
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst Mi 01.09.2004 21:18
Titel
|
|
|
hi,
habt ihr nen tipp wie ich das am besten löse?
oben die navi und rechts den newsletter, bis jetzt hab ichs so:
Code: |
<div id="nav_main">
<span id="navigation">
navigationspunkte
</span>
<span id="newsletter">
<form target="_blank" action="http://www.formmailer.de/send.php" method="post">
<input type="text" name="email" value="hier die email eintragen" size="30">
<input type="hidden" name="form" value="0019369">
<input type="submit" value="abschicken" style="background-color:#000000; color:#ffffff">
</form>
</span>
</div>
|
allerdings umbricht er das immernoch!? muss ich das hart positionieren?
//und dann gleich noch was...
ich wollte ein input-feld so formatieren:
Code: |
<input type="text" name="email" value="hier die email eintragen" style="font:10px; padding-left:5px; width:122px; height:18px; background:url(images/form_bg.gif); border:none;">
|
sobald ich noch das attribut "fixed" für das hintergrundbild hinzufüge wirds im firefos falsch dargestellt, andernfalls scrollt es im ie weiter wenn der inhalt größer wird als das feld...
Zuletzt bearbeitet von lechuza am Do 02.09.2004 00:24, insgesamt 2-mal bearbeitet
|
|
|
|
|
lechuza
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst Do 02.09.2004 02:07
Titel
|
|
|
muss ich mir gedanken machen wenn das ding im dreamweaver vorschaufenster total zerschossen ist!?
|
|
|
|
|
lechuza
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst Do 02.09.2004 12:04
Titel
|
|
|
hey jungens - ist das nu ein thread in dem man tipps für den umgang mit css und divs bekommt, oder nicht?
|
|
|
|
|
Lazy-GoD
Moderator
Dabei seit: 26.11.2001
Ort: -
Alter: 54
Geschlecht:
|
Verfasst Do 02.09.2004 12:07
Titel
|
|
|
dastef hat geschrieben: | es gibt auch keine frage .. es geht darum, dass wir hier nütz-
liches im bezug auf div's sammeln |
Sehr nützlich: http://www.css4you.de
|
|
|
|
|
|
|
|
Ähnliche Themen |
[IDE Eclipse] Tipps und Tricks gesucht
Pixelart - bitte ein paar tipps und tricks
HTML tricks?
[css] image replacement tricks
Schattierungen in Vektorgrafiken. Tips und Tricks?
Tipps für Anfänger :=)
|
|