Width

pafy · Post by **pafy** » Mon Oct 02, 2006 6:24 am

Hallo!

Der Eintragsbereich meines Blogs besteht aus 2x3 nested newsboxes, zwei horizontal x 3 vertikal.

Ändert man die Fenstergrösse, z.B wenn man eine Sidebar zuschaltet, verschiebt sich das Layout der newboxes nach 1x6.

Je kleiner das Fenster wird, desto schlimmer die Wirkungen auf das Layout: Die ganze Seite quetscht sich wie eine Ziehharmonika zusammen. ( Ich frage mich, warum diese Einstellung überhaupt so festgelegt wurde!)

Deshalb soll mein Blog bei jeder Fenstergrösse unverändert bleiben.

Es folgt ein Ausschnitt aus der style.css von reflection, danach die Fragen.

/*********Structural Styles *********/

/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
body {
margin: 1em 1em 1em 1em;
padding: 0px;
font-family: verdana, sans-serif;
font-size: 1.0em;
background-color: #333; }

/* container for content and sidebar */
#wrap {
float: left;
width: 100%;
color: #fff; }

/* styles for banner container */
#serendipity_banner {
float: left;
width: 100%;
height: 120px;
background: #000000 ; url({TEMPLATE_PATH}img/hdr.jpg) no-repeat bottom left; }

/* container for content and sidebar */
#mainpane {
float: left;
width: 100%;
padding: 1em 0 1em 0;
background-color: #666; }

/* container for entries column */
#content {
float: right;
width: 75%;
background: #777 url({TEMPLATE_PATH}img/corner_sub_tl.gif) no-repeat top left; }

/* container for both sidebars, see index.tpl */
#sidebar {
float: left;
width: 23.3%;
margin-bottom: 1em;
background: #777 url({TEMPLATE_PATH}img/corner_sub_tr.gif) no-repeat top right; }

Kann ich Width schon in den preset styles für die ganze Seite festlegen? Wo wird festgelegt, auf wieviel sich Width in Prozent bezieht?

Post by **yellowled** » Mon Oct 02, 2006 12:40 pm

pafy wrote:Der Eintragsbereich meines Blogs besteht aus 2x3 nested newsboxes, zwei horizontal x 3 vertikal.

Kann man sich das mal irgendwo anschauen? URL? Screenshots?

pafy wrote:Kann ich Width schon in den preset styles für die ganze Seite festlegen? Wo wird festgelegt, auf wieviel sich Width in Prozent bezieht?

Ich denke (schwer zu sagen ohne optischen Eindruck Deines Blogs), was Du möchtest sind feste Breiten, also width-Angaben in px (Pixel). Was natürlich angesichts unterschiedlich großer Browserfenster nicht das Gelbe vom Ei ist.

width-Angaben in Prozent beziehen sich auf das Elternelement, also das Element, welches dem Element, für welches die width-Angabe gilt, übergeordnet ist.

Beispiel: Gegeben ist folgender HTML-Code:

Code: Select all

<body>
<h1>...</h1>
<p>... <blockquote>...</blockquote> ... </p>
</body>

Weist man nun blockquote eine width von 50% zu, so erhält blockquote 50% der Breite von p. Weist man hingegen h1 eine Breite von 50% zu, hat h1 50% der Breite von body.

Width

Width

Re: Width