Autor |
Nachricht |
13pixelchen
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 07.03.2006 20:31
Titel [CSS] two column, fluid, centered max-width. |
|
|
Hi,
Ich suche Layoutbeispiele (wie man es in CSS umsetzt) für ein zweispaltiges Layout mit Header und Footer, ähnlich dem hier:
http://www.idest.com/csshacks/pages/chapter_09/two_column_right_fluid.htm
Welches aber noch max-width hat und darüberhinaus zentriert angezeigt wird. Falls jemand etwas zur Hand hat, her damit
|
|
|
|
|
gezeichnet
Dabei seit: 08.03.2006
Ort: Salzburg
Alter: -
Geschlecht:
|
Verfasst Mi 08.03.2006 00:29
Titel
|
|
|
Hi
Denke das könnte dir helfen:
Klick
Das mit dem max-width würd ich aber lassen, funzt nicht bei jedem Browser
sers
Zuletzt bearbeitet von gezeichnet am Mi 08.03.2006 00:31, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
|
|
|
|
13pixelchen
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 08.03.2006 00:37
Titel
|
|
|
Danke, aber das ist prinzipiell ja schon das gleiche wie in meinem Link. Ich brauche das ganze zentriert. Aber das hilft mir schon weiter, den Rest kann ich mir bestimmt zusammenbasteln. Ich wollte nur vermeiden, in Stolpersteine zu tapsen, die andere vor mir schon ausgemerzt haben, durch gewisse Techniken.
Doch, das funzt in jedem Browser. Bis auf den IE. Und da mit nem Trick auch.
@seal: Pfui Hacks danke
Zuletzt bearbeitet von am Mi 08.03.2006 00:40, insgesamt 1-mal bearbeitet
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Mi 08.03.2006 01:46
Titel
|
|
|
13pixelchen hat geschrieben: | @seal: Pfui Hacks danke |
|
|
|
|
|
ZeroFlash
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Mi 08.03.2006 09:34
Titel
|
|
|
versuch mal das hier
Code: |
.distance {
width:100%;
height:50%;
margin-bottom:-289px; /* half of container's height */
float:left;
}
.container {
background-color:white;
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:982px;
height:578px;
clear:left;
z-index:3;
}
|
dann ziehst dir im html erst den distance dann den container auf und innerhalb des container kannst du dann ja deine zwei spalten bauen... mit dem code hier bleibt es horizontal und vertikal zentriert und beim kleiner schieben des browserfenster gehts dann in die linke obere ecke über.
ist zwar nicht ganz was du suchst aber der rest sollte auch nicht so schwer sein.
|
|
|
|
|
|
|
|
Ähnliche Themen |
12 Column Grid Fluid
Unknown column 'Homepage' in 'field list'
[css] width: 100%
width unterschiedlich
CSS 100% width auch für IE
CSS Width in links
|
|