nicht angemeldet
spalte mit fester Breite
AugeHallo,
eine Seite soll eine Navigationsleiste mit fester Breite haben, aber den
Viewport vollausfüllen. Mein Problem ist, wie ich im CSS das width angeben
muss, damit sich die DIV-Box neben die Navi-Box legt und sich dabei in den
vorhandenen Platz einpasst.
style="width:100% - 200px;"
wäre ideal aber wohl nicht regelkonform ... wie macht man es richtig?
m.b.G. Rolf
-
Hallo,
eine Seite soll eine Navigationsleiste mit fester Breite haben, aber den
Viewport vollausfüllen.Das ist ein Widerspruch. Eine feste Breite kann den Viewport nur voll ausfüllen, wenn der zufäälig genause breit ist.
Mein Problem ist, wie ich im CSS das width angeben muss, damit sich die DIV-Box neben die Navi-Box legt und sich dabei in den vorhandenen Platz einpasst.
Du gibst dem Navi die Breite und ein float:left oder float:right.
Die div- Box bekommt keine Breite, aber einen Rand, etwas größer als die Navibreite.
Durch die Randangabe wird vermieden, dass sich div- Inhalt um das Navi herumfließt.
LG Kalle
-
Hallo Kalle,
hier kann man sehen wie es aussehen sollte.
Und hier meine kläglichen Versuche mit dem Box-Modell.Da klappt gar nix, z.B. ist für die schwarze Box
vertical-align:middle;angegeben, aber der Text klebt oben. Hast Du eine Idee warum die Angabe vom FF und IE ignoriert wird?m.b.G. Rolf
-
Hi,
hier kann man sehen wie es aussehen sollte.
Und hier meine kläglichen Versuche mit dem Box-Modell.Und u.a. hier kann man (uebrigens auch bevor man fragt) grundlegende Dinge ueber das Layouten mit CSS nachlesen:
http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout
http://de.selfhtml.org/css/layouts/MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Hallo Chris,
http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout
http://de.selfhtml.org/css/layouts/okay,
scheint aber kaum verständlich zu sein - Beweis:
Schau mal in den Quellcoder dieses Forums ... ;-)<table id="kopf"> <tr> <td id="kopf-logo"><img src="http://src.selfhtml.org/logo.gif" width="106" height="109" alt="SELFHTML" /></td> <td id="kopf-titel"><h1>SELFHTML Forum<br />Antwort verfassen</h1></td> </tr> <tr> <td id="kopf-seitentyp"><img src="http://src.selfhtml.org/dokx.gif" width="30" height="20" alt="Informationsseite" /></td> <td id="kopf-haupt"> <ul> <li><img src="http://src.selfhtml.org/down.gif" width="14" height="10" alt="nach unten" /> <a href="#nachrichtverfassen">Antwort verfassen</a></li> </ul> <p id="zu_diesem_Forum">Unser Forum ist eine Ergänzung zu <img src="http://src.selfhtml.org/serverkap.gif" width="15" height="13" alt="bereichsübergreifendes Kapitel" /> <a href="http://de.selfhtml.org/">SELFHTML</a>. Von dir als Teilnehmer erwarten wir HTML-Grundkenntnisse, sowie die Bereitschaft, zunächst erst einmal mit der <img src="http://src.selfhtml.org/serverkap.gif" width="15" height="13" alt="bereichsübergreifendes Kapitel" /> <a href="http://suche.de.selfhtml.org/">Suchfunktion</a> im Archiv nach ähnlichen Problemen zu suchen. Auch im <img src="http://src.selfhtml.org/dok.gif" width="15" height="10" alt="Seite" /> <a href="http://aktuell.de.selfhtml.org/live/chat.htm">Chat</a> treffen sich fast den ganzen Tag über Gleichgesinnte und tauschen Infos und Hilfe aus!</p> </td> </tr> <tr> <td id="kopf-down" colspan="2"><a href="#bottom"><img src="http://src.selfhtml.org/down.gif" width="14" height="10" alt="nach unten" /></a></td> </tr> </table>Tabellen, soweit das Auge blickt! Pharisäer, alle!!!
Aber arrogante Sprüche gegenüber anderen, das geht ... :-((
Du solltest Dich schämen, oder geh einfach sterben ...m.b.G. Rolf
-
Hi,
Tabellen, soweit das Auge blickt! Pharisäer, alle!!!
What's that gotta do with anything ...?
Du solltest Dich schämen,
Fuer einen HTML-Code, den ich nicht im geringsten zu verantworten habe?
oder geh einfach sterben ...
Nach Ihnen, Wertester.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“
-
-
-
-
-
style="width:100% - 200px;"Tipp:
Angaben in px sollte man meiden, du weisst nicht, wie gross die Schrift beim User eingestellt ist. Das sieht also nur bei dir gut aus. Besser em nehmen.
Kalle
-
Hallo Kalle,
Angaben in px sollte man meiden, du weisst nicht, wie gross die Schrift
beim User eingestellt ist. Das sieht also nur bei dir gut aus.
Besser em nehmen.stimmt ja auch nicht wirklich!
Wenn man konsequent mit Pixeln arbeitet, sieht es beim User haargenau so aus
wie beim Designer. Da kann der User einstellen was er will, 47 Pixel bleiben
47 Pixel ... ;-)m.b.G Rolf
-
Hallo
g
... der Wunschtraum.»» Angaben in px sollte man meiden, du weisst nicht, wie gross die Schrift
»» beim User eingestellt ist. Das sieht also nur bei dir gut aus.
»» Besser em nehmen.
stimmt ja auch nicht wirklich!
Wenn man konsequent mit Pixeln arbeitet, sieht es beim User haargenau so aus
wie beim Designer. Da kann der User einstellen was er will, 47 Pixel bleiben
47 Pixel ... ;-)Tut mir leid, dich aus deinen Träumen reißen zu müssen ...
... ÄÄÄÄHHHH, Nein, eben nicht, auch nicht mit Smiley. Das von dir gesagte mag auf die Dimensionierung von Boxen zutreffen, aber wenn du dir darin eine ganz bestimmte Aufteilung des Inhalts mit einem bei dir feststehenden Bild von der Textaufteilung erhoffst, vergiss es. Mindestens die Schriftgröße und damit die Aufteilung des Textes (incl. eventuell davon abhängiger anderer Elemente) sind *nicht* festnagelbar.
Wie das eingestellt ist, liegt am Browser des Nutzers bzw. dessen Einstellungen. Auf die hast du *keinen Einfluss* und sich damit abzufinden und damit umzugehen, ist die Kunst des Webdesigns.
Tschö, Auge
-
Hallo
... aber wenn du dir darin eine ganz bestimmte Aufteilung des Inhalts
mit einem bei dir feststehenden Bild von der Textaufteilung erhoffst,
vergiss es.oops, da hast Du eine flasche Adresse verwendet. Bilder gibt es da nicht,
nur Boxen mit Text, wobei letzterer einmal in em (wegen dem Anpassen), und
der Rest eben fest in Pixel angegeben wird.m.b.G. Rolf
-
Hallo
»» ... aber wenn du dir darin eine ganz bestimmte Aufteilung des Inhalts
»» mit einem bei dir feststehenden Bild von der Textaufteilung erhoffst,
»» vergiss es.
oops, da hast Du eine flasche Adresse verwendet.Mit Pfand?
Bilder gibt es da nicht, nur Boxen mit Text, wobei letzterer einmal in em (wegen dem Anpassen), und der Rest eben fest in Pixel angegeben wird.
Eben, du kannst nichts festnageln. Deine Box hat eine (willkürlich gewählte) Breite von 700px. Wird der darin befindliche Text vergrößert, wächst die Box nicht mit. Es stehen nun mit höchster Wahrscheinlichkeit weniger Worte in einer Zeile als vorher. Bei dieser Breite und mäßiger Vergrößerung gegenüber der üblichen Voreinstellung von 16px in den Browsern ist das kein größeres Problem. Aber was machst du in solch einem Fall mit einer senkrechten Navigation, die typischer-, wenn auch nicht notwendigerweise, eine Breite irgendwo zwischen 150 und 200 Pixeln hat? Da ragt der Text gerne mal über die Grenzen des Elements hinweg.
Tschö, Auge
-
-
-
-