Sponsored Links |
|
||||
Wenn du drei Container hast, dann pack den Inhalt doch einfach in die mitte und lasse die anderen entsprechend "floaten".
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
||||
habe so etwas noch nie gemacht
Zitat:
Das ist eben mein Problem. Ich habe so etwas noch nie gemacht. Daher brauche ich abhand der obrigen CSS Datei ein Beispiel. Wie versetze ich die Box mit dem Inhalt in die Mitte, also zentriert. Ich hoffe, dass mir jemand das genaue Vorgehen erklären kann. |
|
||||
Schreib sie nach der Reihe in dein HTML Dokument:
Code:
<div id="links"></div> <div id="content"></div> <div id="rechts"></div> Code:
#links {float:left; width: 25%; } #content {float:left;width:74.9%; } #rechts {float:right; width:25%;} Mehr zu float: Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : FLOAT } und ein paar Beispiel-Layouts: CSS 4 You - The Finest in Stylesheets: Workshop: Layouten ohne Tabellen
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
brauche Rat
Moinsen,
die Idee war gut, aber nicht effektiv. Das Template besitzt im Original zwei Seiten.: a und b Ich habe dem Ganzen jetzt eine c-Seite hinzugefügt. Diese sieht CSS technisch so aus wie die Seite a, also wie das Menü. Die Seite hängt jetzt aber unter dem Content. Sie sollte aber gegenüber dem Menü stehen, also auf der rechten Seite. Das Topmenü wird als User 3 eingebunden. Das Topmenü soll über dem Logo im grauen Strich zentriert werden. Der Header sieht jetzt so aus: <div id="header"> <?php mosLoadModules ( 'user3',-2); ?> <img src="<?php echo $mosConfig_live_site;?>/templates/kitn/images/kickboxing.jpg" width="650" height="150" alt="header" /></div> In CSS sieht das ganze dann so aus: } #header { margin: 0 0 15px 0; height: 150px; background: url("../images/bg_head.jpg") repeat-x; } Wie zentriere ich jetzt den User 3 im Header? Zur Seite c: diese ist so eingefügt: } #side-c { float: right; width: 205px; padding: 0; margin: 0; } <div id="side-c"> <div> <?php mosLoadModules ( 'right', -2 ); ?></div> Danke im Vorfeld für Eure Hilfe. Das Problem könnt Ihr auch nochmal einsehen auf Alomaman.de - Home |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit float beim CSS Design | GLURAK | CSS | 2 | 14.05.2005 20:08 |
problem mit tableless design und breiter Tabelle im IE | horizons | CSS | 14 | 06.04.2005 11:39 |
Problem / Diskussion - wie dieses Design umsetzen? | Boris | CSS | 7 | 05.03.2005 14:08 |
Problem mit dem Design in XHTML | alcapone | (X)HTML | 5 | 30.01.2005 14:07 |
Tabellenloses Design. Problem mit Netscape 4.77 | casa | CSS | 2 | 28.05.2004 13:50 |