Hallo :-)
Ich versuche, nebeneinander stehende DIV-Container auf die gleiche vertikale
Grösse zu bringen.
Auf dieser Seite:
http://tuts.nicogutmann.de/css/faux_columns.php
gibt es ja eine sehr schöne Anleitung, wie sowas funktioniert.
Nur bei mir tut´s nicht :-(
http://minis.traffik-center.de/temptest.htm
Der graue Container rechts soll so hoch sein... usw...
Die CSS sieht so aus:
HTML so:PHP-Code:body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.advblock {
width: 80%;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
}
.advblock .align_right {
float: right;
margin: 0px;
width: 30%;
text-align: right;
background-color: #CCCCCC;
padding-right: 5px;
border: 1px dotted #000000;
}
.picdo {
width: 100%;
overflow: auto;
background-image: url(dummy.gif) 0 0 repeat -x
}
.advblock .align_left {
float: left;
width: 60%;
border: 1px dotted #000000;
}
.advblock a {
background-color: #A3CCCC;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000000;
display: block;
color: #000000;
text-decoration: none;
padding: 10px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.advblock a:hover {
background-color: #D1E7E7;
}
Ich bastle jetzt schon stundenlang daran rum und krieg´s nicht hin.PHP-Code:<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testseite</title>
<link href="css2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="advblock"> <a href="#">
<div class="picdo">
<div class="align_left">
Some Text... <br />
adsjflajdsfjladsjf<br />
flskdjfasdjfö<br />
aldjfasljfs
</div>
<div class="align_right">
Graues Feld - soll über die ganze Höhe gehen
</div>
</div>
</div>
</body>
</html>
WAS HABE ICH ÜBERSEHEN????
Danke für Eure Zeit :-)
Gruss
Udo
:-)
Du hast anscheinend das Prinzip nicht verstanden, das Nico benutzt. Die zwei DIVs sind nicht wirklich gleich hoch - es sieht nur so aus, weil es über ein Hintergrundbild realisiert wird, das einfach gekachelt wird. Bei dir fehlt das
Da du floatest, solltest du im übrigen nicht vergessen zu clearen. Frag mal Google
“My software never has bugs. It just develops random features ...”
» DevShack - die Website des freien Webentwicklers Boris
Umh... Alles klar. War wohl schon zu spät gestern
So kann´s dann wirklich nicht funktionieren (Wer denken kann...)
Danke für den Hinweis :-)
Gruss
Udo
:-)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren