zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden layout ohne tabellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.04.2005, 11:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2005
Beiträge: 2
rw597678 befindet sich auf einem aufstrebenden Ast
Standard layout ohne tabellen

hallo leute, ich versuche mich seit tagen an folgendem tabellenlosen aufbau und scheitere im detail:
Aufbau:
Kopf 100% Höhe 150px;
Inhaltsbereich: Links und Rechts 170px; dazwischen CONTENT-Bereich variable

Das hab ich soweit auch hinbekommen, aber wenn ich dann im CONTENT bereich wieder mit float etc anfange, dann wird das nichts.
siehe http://www.webinform.info/testseiten...liges_menu.htm

wer weiß rat. anbei der css und html code. danke!

------------------CODE -----------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head>
<style type="text/css"><!--
body { font-family:Verdana; font-size:12px; background-color:#ffefde;}

#title { height:150px;padding:5px;border-bottom:1px solid #000000;margin-bottom:20px; overflow:hidden;}

#left, #right {width:170px; border:1px dashed red;}

#left {float:left;}
#right {float:right;}
#content {border:1px dashed red; margin-right: 180px;}

//--></style>

<title>Layouten ohne Tabellen</title>
</head>
<body>
<div id="title">
[img]bild.jpg[/img]
<h1>Dreispaltiges Layout, 100% breit</h1>
</div>

<div id="left">MENU 1
MENU 1
MENU 1
MENU 1
MENU 1</div>

<div style="border:1px dashed yellow; margin-left: 180px; height:auto;">
<div id="right">RECHTS
Rechts
Rechts
Rechts
Rechts
Rechts
Rechts</div>

<div id="content">
<div style="background-color:#CCCCCC; ">
[img]bild.jpg[/img]


Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </p>
</div>
</div>
</div>
</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.04.2005, 12:18
Benutzerbild von magick
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2004
Ort: Hamburg
Beiträge: 302
magick befindet sich auf einem aufstrebenden Ast
Standard Re: layout ohne tabellen

Zitat:
Zitat von rw597678
Das hab ich soweit auch hinbekommen, aber wenn ich dann im CONTENT bereich wieder mit float etc anfange, dann wird das nichts.
Mal wieder eine detaillierte Problembeschreibeung

Du sollltest es mal im Content-bereich mit 'nem clear versuchen
__________________
Gruss, Merlin
xw3.org - light your style
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.04.2005, 12:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2005
Beiträge: 2
rw597678 befindet sich auf einem aufstrebenden Ast
Standard

mit dem clear funktioniert nicht; dann mit er den ganzen content bereich unten drunter!
Mit Zitat antworten
  #4 (permalink)  
Alt 23.04.2005, 12:31
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 25.09.2004
Beiträge: 135
LarsD befindet sich auf einem aufstrebenden Ast
Standard

...das ist ein altbekanntes und nicht ganz einfach zu lösendes Problem.
Schau mal hier -> http://jassesnee.de/easyclear/index.html . Da gibt es einen Lösungsvorschlag.

Gruß, Lars
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Joomla und CSS Layout ohne Tabellen ... MoYo CSS 2 15.02.2007 10:19
css layout oder besser doch tabellen? chrimp CSS 0 22.06.2004 15:54
Tabellen Layout umsetzen in CSS! Im IE funzts nicht :-( losninos CSS 3 23.05.2004 20:25
2 Spalten Layout ohne Tabellen creativ (X)HTML 2 12.01.2004 20:14
Wie am besten alte HTML Seite mit Tabellen in CSS Layout ? Fidi CSS 0 07.01.2004 11:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:05 Uhr.