|
|||
Maximale Höhe, maximale Breite.
Hallo,
ich komme nicht mehr weiter und brauch mal eure Hilfe Ich versuch gerade maln Layout komplett ohne Tabellen aufzubauen.. nur CSS. In der Mitte befindet sich eine Grafik mit der Navigation (Buttons werden mit <map> verlinkt), jeweils links und rechts neben der Navigation soll sich dann in die maximale Breite ein Verlauf (ebenfalls eine Grafik) erstrecken. Unterhalb der Navigation befindet sich dann der Content-Bereich. Eine Box die 700 Pixel breit ist (zentriert) und sich nun in die maximale Höhe erstrecken soll ohne einen Scollbalken zu werfen (wenn er denn nicht benötigt wird). In meinem Code unten wird der Content-Bereich mit "heigh:100%;" in die Höhe gestreckt.. Problem ist nun die Navigation die er nicht in die "100%" einbezieht und demnach einen Scrollbalken erstellt. Wäre nett wenn mir jemand bei meinem ersten Versuch weiterhelfen könnte bzw. Gedankenanstösse gibt wie ich es mir leichter machen könnte Code:
<html> <head> <title>:o)</title> <style type="text/css"> body { font-family:verdana; font-size:12px; margin:0px; text-align:center; } #content { border-left:1px solid #dddddd; border-right:1px solid #dddddd; height:100%;width:770px; margin:0px auto; text-align:left; } #navi { background-image: url(bilder/werner-sc_03.jpg); margin:0px auto; height:188px;width:772px; } #verlauf { background-image: url(bilder/werner-sc_01.jpg); height:188px;width:100%; } </style> </head> <body> <div id="verlauf"><div id="navi"></div></div> <div id="content"> hallo </div> </body> </html> Hausmeista |
Sponsored Links |
|
|||
Die maximale Breite hatte ich ja bereits erledigt. Die maximale Höhe habe ich dann mit einem gezeichnetem Border als Grafik in den Hintergrund gelegt und so ausgetrixt. Sobald im Content-Bereich nun aber zu viel Text steht, sodass ein Scrollbalken entsteht, muss die ganze Seite gescrollt werden. Vorteilhaft wäre es aber wenn nur im Content-Bereich ein Scrollbalken enstehen würde.. nur wie bekomm ich das hin?
MfG, Hausmeista |
Sponsored Links |
|
|||
nutze overflow. Aber der FF kann innerhalb eines DIVs nicht per Mausrad scrollen sondern nur mit KLick auf die Scrollleiste.
|
|
|||
Ich habe nun alle Bereiche mit "overflow:hidden;" ausgestattet. Nur dem Content-Bereich habe ich "overflow:scroll;" zugeteilt. Trotzdem wird der Inhalt bloß gestreckt, Scrollbars ohne etwas verschieben zu können dargestellt und es muß die ganze Seite gescrollt werden wenn man den Inhalt weiter unten sehen will.
|
|
|||
welche Höhe hat das DIV, welches mit overflow:scroll definiert ist?
|
|
|||
Code:
<div id="content"> <div id="ueberschrift">herzlich willkommen!</div> <div id="text"> dies ist ein mustertext.. dies ist ein (...) </div> </div> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ImageMap / Overlay für Bild mit relativer Breite / Höhe | Innocentus | (X)HTML | 0 | 04.07.2012 23:47 |
Probleme mit der Breite und Höhe nach Padding | BoFiaZ | CSS | 1 | 12.03.2009 10:21 |
zweispaltiges layout höhe und breite bis an fensterrand | planet | CSS | 0 | 02.02.2008 12:38 |
Vertikal scrollbarer "Guckkasten" mit begrenzter Höhe aber voller Breite? | AndreasB | CSS | 0 | 06.12.2006 09:04 |
Bilder breite und höhe festlegen? | Finrod | CSS | 7 | 02.09.2005 09:19 |