Dreispaltiges CSS-Design
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abhebung
alten webseite
anleitung
aufgefallen
auftauchen
code
design
einzelnen spalten
erstellen
http
inhalt
intensivstation
layout
platz
prozent
schau
spalten
url
verkleinern
verpassen
-
Hallo zusammen,
ist es möglich, ein dreispaltiges CSS-Design zu erstellen, das sich wie ein Tabellendesign verhält? Damit meine ich, dass sich die Gesamtbreite immer der aktuellen Fensterbreite anpasst und beim Verkleinern des Browserfensters sich die einzelnen Spalten nicht überlagern und auch die horizontale Scrollleiste nicht plötzlich auftauchen muss, weil der Inhalt zu breit wird.
LG
BigBaer -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Schau dich mal hier um... Du kannst Dir ein passendes Template runterladen oder nach Anleitung nachprogrammieren...
http://www.intensivstation.ch/templates/
http://www.stichpunkt.de/css/bereiche.html -
jo, setzt die 3 divs beispielweise auf 20% 60% 20%width su kannst der zentralen div auch ne mindest breite zusätzlich verpassen ;)
-
einfach allen spalten eine breite in % verpassen und dann jeder spalte noch ein
damit die nebeneinander angezeigt werden.float:left -
wenn du ein
float:left;
und ein
flot:right;
nimmst dann müsste der mittlere automatisch den freibleibenden Platz ausfüllen.
Was mir erst letztens aufgefallen ist, hab ich auch noch nciht probiert ist die positionierung nicht mit top und left sondern mit bottom und right, damit dürfte man das rechte div dann auch passend positionieren -
http://www.css4you.de/wslayout1/ex0010.html
Diese Beispielseite hat mir extrem geholfen, als ich ein dreispaltiges Layout auf meiner alten Webseite gebastelt habe. Schau mal rein.
Beitrag zuletzt geändert: 22.6.2010 16:16:57 von jmuc -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
