Autor |
Nachricht |
matt
Dabei seit: 06.05.2003
Ort: Köln
Alter: 43
Geschlecht:
|
Verfasst Do 04.11.2004 17:56
Titel
|
|
|
Dann machen wir das doch so (ungefähr):
Zitat: | <?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="copy.xsl"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body style="text-align:center">
<div style="width:760px;margin:0 auto;text-align:center;">
<div style="width:25%;height:100px;background:#CCCCCC;float:left"></div>
<div style="width:25%;height:100px;background:#DDDDDD;float:left"></div>
<div style="width:25%;height:100px;background:#CCCCCC;float:left"></div>
<div style="width:25%;height:100px;background:#DDDDDD;float:left"></div>
</div>
</body>
</html> |
Bzw. so, um den Code klein zu halten ...
Zitat: | <?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="copy.xsl"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<style type="text/css">
body {text-align:center}
#container1 {width:760px;margin:0 auto;text-align:center}
.container2 {width:25%;height:100px;border:1px solid #CCCCCC;float:left}
</style>
<body>
<div id="container1">
<div class="container2"></div>
<div class="container2"></div>
<div class="container2"></div>
<div class="container2"></div>
</div>
</body>
</html> |
Zuletzt bearbeitet von matt am Do 04.11.2004 18:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
steffiii
Threadersteller
Dabei seit: 21.04.2004
Ort: KÖLLE
Alter: 42
Geschlecht:
|
Verfasst Do 04.11.2004 18:06
Titel
|
|
|
hat geklappt jungs . danke danke!
unter den 4 div´s bracuh ich nochmal 2 div´s mit jeweils 50% breite. da hab ich das jetzt genauso gemacht, aber die werden direkt neben de anderen angezeigt. brauch ich da wieder einen container???
|
|
|
|
|
Anzeige
|
|
|
matt
Dabei seit: 06.05.2003
Ort: Köln
Alter: 43
Geschlecht:
|
Verfasst Do 04.11.2004 18:07
Titel
|
|
|
Man ist mir langweilig ...
Zitat: | <?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="copy.xsl"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<style type="text/css">
body {text-align:center}
#container1 {width:760px;margin:0 auto;text-align:center}
.container2 {width:25%;height:100px;border:1px solid #CCCCCC;float:left}
.container3 {width:50%;height:100px;border:1px solid #CCCCCC;float:left}
</style>
<body>
<div id="container1">
<div class="container2"></div>
<div class="container2"></div>
<div class="container2"></div>
<div class="container2"></div>
<div style="clear:left"></div>
<div class="container3"></div>
<div class="container3"></div>
</div>
</body>
</html> |
Hmm, hatte ich jetzt erstmal gemacht ohne zu testen.
Auch wenn ich das <div style="clear:left"></div> rausnehmen geht es bei mir, da ja die "erste Zeile" mit 4 x 25% quasi voll ist.
Ohaaa, aber im Opera sieht das ganze wieder böse aus. Das passen die ersten vier gar nicht rein, weil die zusammen 100% + 8px von den Rahmen breit sind. Aber ich denke mal die Rahmen machste eh aus, wenn Du Bilder drinnen hast.
Zuletzt bearbeitet von matt am Do 04.11.2004 18:11, insgesamt 1-mal bearbeitet
|
|
|
|
|
Lazy-GoD
Moderator
Dabei seit: 26.11.2001
Ort: -
Alter: 54
Geschlecht:
|
Verfasst Do 04.11.2004 18:08
Titel
|
|
|
steffiii hat geschrieben: | hat geklappt jungs . danke danke!
unter den 4 div´s bracuh ich nochmal 2 div´s mit jeweils 50% breite. da hab ich das jetzt genauso gemacht, aber die werden direkt neben de anderen angezeigt. brauch ich da wieder einen container??? |
Dan legst du um die oberen vier einen <div> mit 760px Breite. Und um die unteren beiden mit jeweils 50% einen div-layer mit 760px Breite - ohne bei diesen beiden ein float einzustellen.
|
|
|
|
|
steffiii
Threadersteller
Dabei seit: 21.04.2004
Ort: KÖLLE
Alter: 42
Geschlecht:
|
Verfasst Do 04.11.2004 18:11
Titel
|
|
|
hat geklappt. ihr seid toll, viiiiiiieeeeeelllen dank
|
|
|
|
|
steffiii
Threadersteller
Dabei seit: 21.04.2004
Ort: KÖLLE
Alter: 42
Geschlecht:
|
Verfasst Mo 08.11.2004 16:58
Titel
|
|
|
hab noch´n problemchen:
also:
hab ein div mit einem hintergrundbild welches sich pattern soll. der opera und der netscape stellen deas div aber nur genau die 100% der momentanen browserfenstergröße dar, d.h. wenn ich die seite scrolle, wird das bild nciht emhr angezeigt.
#left {
width:250px;
height:100%;
float:left;
background-color:#FFFFFF;
background-image:url(images/raster.gif);
background-repeat:repeat-y;
}
ideen
|
|
|
|
|
matt
Dabei seit: 06.05.2003
Ort: Köln
Alter: 43
Geschlecht:
|
Verfasst Mo 08.11.2004 18:14
Titel
|
|
|
Das ist wahrlich ein Problem. Du müsstest dieses Hintergrundbild in irgendein div packen, welches die Länge der Seite bestimmt. Oder in den body.
Die 100% Höhe richten sich leider nach der Fensterhöhe und wenn man scrollt kommt dann nix mehr.
Wie genau man das hinkriegt ist natürlich jetzt schwer zu sagen, dazu müsstest Du ungefähr zeigen, wie die Seite aussehen soll/wird.
Matt
|
|
|
|
|
steffiii
Threadersteller
Dabei seit: 21.04.2004
Ort: KÖLLE
Alter: 42
Geschlecht:
|
Verfasst Mo 08.11.2004 20:26
Titel
|
|
|
ich poste die seite mal morgen. hab´s in der firma.
|
|
|
|
|
|
|
|
Ähnliche Themen |
bilder in div containern per js einblenden
Variable Höhe von div-Containern
css höhe 100% in verschachtelten containern
[bitte in mootools] drag & drop zwischen containern
|
|