Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
nachtspatz
Threadersteller
Dabei seit: 04.11.2011
Ort: Düsseldorf
Alter: 36
Geschlecht:
|
Verfasst Fr 04.11.2011 14:54
Titel Bei Inhalt float |
|
|
Hi, vl. kann mir hier einer helfen.
Zwei divs stehen neben einander (1. div float left, 2. div float right). Ich möchte nun erreichen, dass der erste Div mindestens xx px breit ist. Sollte der zweite Div keinen (Text)inhalt haben, soll der 1. Div aber über die gesamte Breite gehen.
Hat der zweite Div (Text)inhalt, dann soll er rechts neben dem ersten Div floaten. Der zweite Div soll immer eine fixe Breite haben, wenn er (Text)inhalt hat.
Problem: der floatet zwar rechts, aber erst UNTER dem 1. Div.
reduzierter Code:
Code:
Code: | <html>
<head>
<style type="text/css">
.A {
position: relative;
height: 1000px;
width: 895px;
background: #EEE;
color: #807d79;
}
.left {
position: relative;
float: left;
height: auto;
min-width: 440px;
width: auto;
top: 0px;
padding: 25px 20px 20px 20px;
background: pink;
}
.right {
position: relative;
float: right;
height: auto;
max-width: 390px;
margin: 0px 0px 0px 5px;
padding: 25px 20px 20px 20px;
background: black;
}
.clear { clear: both; }
</style>
</head>
<body>
<div class="A">
<div class="left">
<p>Tat nullupt atumsandre veros dolore ver secte modolore min ea consecte ming ea faccum dolobore molut incilla adigna faccumsan er se consequis endiamet wisit wisl dolenim vulla feum zzriuscip essim etummod ionsequisl euismodolut augait aut et, volore mod mincilla faccummy nulput num zzrilis dipit lore conummo lobore tat. Ut lam deliquat iliquatie modignis dolor sumsandit nos alissim eummodo consequamet lobor augue do od magnit lore tionummod tat. Metumsandit in eui tem dolortionse vel ilis aliquatuero do delestrud er sequat. Dio odoloboreet aliquat umsandipit vullaor si blandio nsequisim augait wisi. Liquis nulla feugiat. Alis dolenia mconsequis nummy niam zzriureet, quatetuer sissed min ut wisim dion velesendit utat. Duisi. Tummy nulputatuer sustrud magnim endionu lputpat, quat augait lamet nos nonsed te exerit iurem do consed tem alit ipit lore volent duis aute venit diat, si. Riure volutpat lum veleniam iliquat. Ut ad et, quis er sim volor sectem veraess equipisl iure feummod dolortie eummy nos do odolor se modipisi tat alit autat. Orer sit, sit, vel ea consed ex endigna consequi blamcon sequisi te magna at la commy nonsequatie delendit num irilla feuiscilis nostin henit nit alit at etueriuscin henis ex eliquis am aliquatie dolendit at. Utem velit am veniametum irillandre endio do dolenit illa faciliq uisisit, sectem dolor irilla ad euis euismol orperos nulla faccumsan henim zzril doleniam incil eum am, quipit ipsuscil utpat. Ut acipit duisi. Na facing et, quat, quat ipis doloreet alis atio odio dolore consent laor il ullan utpat illaorer si. Ad tion el etum ero consequip eugait augiam eummy num duis aut ip er</p>
</div>
<div class="right">
<p>Tat nullupt atumsandre veros dolore ver secte modolore min ea consecte ming ea faccum dolobore molut incilla adigna faccumsan er se consequis endiamet wisit wisl dolenim vulla feum zzriuscip essim etummod ionsequisl euismodolut augait aut et, volore mod mincilla faccummy nulput num zzrilis dipit lore conummo lobore tat. Ut lam deliquat iliquatie modignis dolor sumsandit nos alissim eummodo consequamet lobor augue do od magnit lore tionummod tat. Metumsandit in eui tem dolortionse vel ilis aliquatuero do delestrud er sequat. Dio odoloboreet aliquat umsandipit vullaor si blandio nsequisim augait wisi.</p>
</div>
<div class="clear"> </div>
</div>
</body>
</html>
|
Für Hilfe wäre ich euch sehr dankbar.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 04.11.2011 16:32
Titel
|
|
|
sieht so als als wäre die tatsache "ist text da?" dynamisch. wenn das so ist, sollte dein dom genau so dynamisch sein...
|
|
|
|
|
Anzeige
|
|
|
dcn
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Fr 04.11.2011 16:47
Titel
|
|
|
Code: |
function checkContent() {
if ($(".right").html() == "") {
$(".left").css("width","100%");
$(".right").css("display","none");
} else {
$(".left").css("width","50%");
}
setTimeout (checkContent, 5000);
}
|
Zuletzt bearbeitet von dcn am Fr 04.11.2011 16:50, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Fr 04.11.2011 17:40
Titel
|
|
|
dcn hat geschrieben: | Code: |
function checkContent() {
if ($(".right").html() == "") {
$(".left").css("width","100%");
$(".right").css("display","none");
} else {
$(".left").css("width","50%");
}
setTimeout (checkContent, 5000);
}
|
|
eine nachträgliche manipulation kann man machen. wenn ich es aber vorm ausspielen des doms weiß, mach ich es vorher in php, jsp whatever,...
|
|
|
|
|
ExMD
Dabei seit: 27.01.2005
Ort: Saarland
Alter: 45
Geschlecht:
|
Verfasst Fr 04.11.2011 17:51
Titel
|
|
|
bei dem thread-titel dachte ich erst, hitchcock wäre unter die css-coder gegangen
(bei anruf mord)
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hilfe: div float / width:100% - CSS float Box Model
Css FLOAT
<tr> Float in IE7
[css] IE und float
div und float
[css] float und xp
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|