|
|||
[Anfängerproblem] Sidebar und Content immer gleich groß
Hi, ich habe folgenden CSS-Code:
HTML-Code:
* { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url(images/wall-grass.gif); background-color:green; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1000px; margin: 0 auto; } /* Header -----------------------------------------------------------------------------*/ #header { background: #FFE680; } /* Middle -----------------------------------------------------------------------------*/ #middle { width: 100%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 10px 0 0 220px; background-color:white; } /* Sidebar Left -----------------------------------------------------------------------------*/ #sideLeft { float: left; width: 200px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Footer -----------------------------------------------------------------------------*/ #footer { height: 100px; background: #BFF08E; }
__________________
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]--> |
Sponsored Links |
|
|||
Und wie packe ich das in den Code??
__________________
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]--> |
|
||||
In dem Link der bei dem FAQ Punkt 1) steht ist das ganze gut beschrieben.
Byteshift Webdesign Berlin - Alistapart: Unechte Spalten (Faux Columns) |
|
|||
Aber die Spalten sind ja nicht einfach nebeneinander, sondern das Menü ist eingebettet in den Content-Teil.
Ich will euch wirklich nicht ärgern, ich möchte doch bloß ein bisschen Anfängerhilfe.
__________________
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]--> Geändert von <marquee> (13.08.2010 um 18:48 Uhr) |
|
||||
Zitat:
(Ich bin auch davon ausgegangen, dass du sowas wie faux columns suchst und hätte dich auf die FAQ verwiesen.) |
|
|||
Ich geb noch mal den HTML-Code dazu:
HTML-Code:
<body> <div id="wrapper"> <div id="header"> <!-- Header einfügen --> <?php // PHP-Code ?> </div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> <?php // PHP-Code ?> </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideLeft"> <?php // PHP-Code ?> </div><!-- .sidebar#sideLeft --> </div><!-- #middle--> <!-- Kein Footer <div id="footer"> </div><!-- #footer --> --> </div><!-- #wrapper --> </body>
__________________
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]--> |
|
||||
Moin,
sieht trotzdem nach Faux Columns auch. Hier noch ein Link von mir dazu. XHTML-Codes die PHP-Teile enthalten nützen auch nichts. Du solltest bedenken das niemand Zeit und Lust hat hier noch groß Inhalte einzufügen. Deshalb ist ein geposteter Link der den Fehler/Problem zeigt immer am Besten. Das erhöht die Wahrscheinlichkeit das dir geholfen wird ganz beträchtlich. Außerdem musst du bedenken das niemand deine HG-Grafiken hat.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tabellen als Div Container | SpecialFighter | (X)HTML | 7 | 12.10.2010 18:40 |
Ungewöhnlicher abstand beim clearen von floats | adrianno | CSS | 14 | 16.09.2009 15:20 |
Dynamische Höhe im Content und DIV immer unten | keaton | CSS | 8 | 13.12.2006 19:19 |
DIV Länge automatisch anpassen | judicious | CSS | 10 | 08.05.2006 17:30 |
Seitenaufbau mit DIVs und 100% Höhe | vespasquire | CSS | 6 | 12.09.2004 16:21 |