|
|||
CSS für Tabellenlayout
Hallo,
ich möchte gerne ein Tabellenstruktur mit Div gestallten. (siehe Bild) Die div-Struktur sieht momentan bei mir so aus: HTML-Code:
<div id="msg"> <div id="msghead">Thema geschrieben am ...<div> <div id="msgbody"> <div id="profil"> Userprofil </div> <div id="txt"> Text </div> </div> </div> Kann mir da jemand helfen? |
Sponsored Links |
|
|||
PHP-Code:
Müsstest nur noch alles anpassen und die stylesheets deine Bedürfnissen anpassen bzw deinen ids zuordnen und auslagern etc.... Solltest dich mit floats befasse. Für den ie müsstest du das min- weglassen. |
Sponsored Links |
|
||||
Hier mal eine vereinfachte Version:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title> Test </title> <style type="text/css"> /* <![CDATA[ */ * {margin: 0;padding: 0;} body {color: #000;font: 100%/1.3 Arial, sans-serif;} #msg {width: 500px;border: 1px solid #000;} h3 {font-weight: bold;border-bottom: 1px solid #c7c7c7;padding: 5px;} #profil {float: left;width: 160px;padding: 5px;} #txt {float: left;width: 310px;border-left: 1px solid #c7c7c7;padding: 5px;} .clear {clear: both;} /* ]]> */ </style> </head> <body> <div id="msg"> <h3> Thema geschrieben am ... </h3> <div id="profil"> Userprofil </div> <div id="txt"> Text Text Text<br /> Text Text Text </div> <div class="clear"></div> </div> </body> </html> Kommt halt auf den Kontext zur Seite an. Gruß Manfred |
|
|||
@nils_1309: Danke, das war genau das, was ich gesucht habe. Finde die Lösung passt besser als die von Manfred. Hatte gestern schon den ganzen tag mit float:left und float:richt rumgespielt und es einfach nicht hinbekommen. Danke dir.
@Manfred62: Danke auch dir, aber mit clear:both zerschießt es mir immer das Layout. @beide: Danke. Und das von Nils hat mir ja auch gereicht, da ich nur den Stubser in die richtige Richtung brauchte. Nettes Forum. Super! |
|
|||
Ist das nicht schön zu lesen @ Manfred ?
Das von Manfred geht auch sogar weniger "Ballast". Dort müsstest du nur es zu deinem anpassen. Kannst also beide verwenden. Geändert von Muamicus (15.12.2010 um 10:43 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE 6 erkennt seine CSS Datei nicht | Perelina | (X)HTML | 4 | 07.08.2009 18:56 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 08:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 11:39 |
Vier Spalten Tabellenlayout umsetz. - Spaltenhöhe angleichen | Dr. Love | CSS | 6 | 18.07.2005 19:36 |
Tabellenlayout in CSS umwandeln | Skamander | CSS | 5 | 21.06.2005 21:25 |