webForumDet fria alternativet

Vad är det för fel på divven?

HTML & CSS

6 svar · 396 visningar · startad av Jeppeweb

Medlem sedan sep. 2006462 inlägg
Frågan#1

"gb" divven verkar lägga sig under "text" divven och syns inte alls i vissa webbläsare, hur kommer det sig?

<div id="gb">

<script type="text/javascript">
function changeOpacity(id){
	$opacityStatus = $('status'+id);
	if($opacityStatus.value==0){
		 new Effect.Opacity('el'+id, {duration:0.5, from:1.0, to:0.3});
		$opacityStatus.value=1; 
	} else {
		new Effect.Opacity('el'+id, {duration:0.5, from:0.3, to:1});
		$opacityStatus.value=0; 
	}
}
</script>

<div id="text">

<div class="normal">
<div id="el68">
<div style="float:left; height:#100%;">
<img alt="Profilbild" title="Profilbild" border="1" height="80" width="60" src="./profilbilder/2.jpg" onerror="this.src='./bilder/profilbild.jpg'" align="left" style="margin-right:10px;"/>
</div>
<div class="check"><input type="checkbox" id="status68" value="0" onClick="javascript:changeOpacity(68)"></div>
<div class="title"><p><a class=brown href='?visa=profil&userid=2'>jeppe</a> P18 | Idag @ 18:53</p>
<p>N&#228;he</p></div>
</div>
</div>
  
<div class="normal">
<div id="el67">
<div style="float:left; height:#100%;">
<img alt="Profilbild" title="Profilbild" border="1" height="80" width="60" src="./profilbilder/2.jpg" onerror="this.src='./bilder/profilbild.jpg'" align="left" style="margin-right:10px;"/>
</div>
<div class="check"><input type="checkbox" id="status67" value="0" onClick="javascript:changeOpacity(67)"></div>
<div class="title"><p><a class=brown href='?visa=profil&userid=2'>jeppe</a> P18 | Idag @ 18:53</p>
<p>textar</p></div>
</div>
</div>

</div>
</div>

CSS:


#gb {padding-bottom:10px; background:#ebf2f8; width:615px;}
#gb p {color:#8d9dab;font-size:12px;}

#text .text{float:left; width:587px; margin-left:0px; padding:0px;}
#text .normal{float:left; margin-top:10px; margin-left:10px; background: #fff; padding:4px; border-bottom:solid 1px #DEDEDE; width:587px;}
#text .check{float:right;}
#text .title{float:left; font-size:12px; font-weight:bold; color:#000000;}
#text .desc{float:left; font-size:11px; margin-bottom:10px; font-weight:lighter;}
Medlem sedan nov. 20051 596 inlägg
#2

Om du ändrar #gb {padding-bottom:10px; background:#ebf2f8; width:615px; float:left;} Blir det som du vill då?

Medlem sedan aug. 20068 090 inlägg
#3

#gb omsluter ju #text, dvs #text ligger inuti #gb så den visar sig precis som den ska.
Hur vill du ha det då? Ska #gb ligga vertikalt ovanför?

Medlem sedan sep. 2006462 inlägg
#4

"gb" ska ligga under "text" divven med sin bakgrund..och följa "med" "text" divven ända ned vilket den endast gör i IE och i Opera ( av nån jäkla anledningen :S ) men icke i FF eller Safari.

Medlem sedan sep. 2006462 inlägg
Medlem sedan nov. 20051 596 inlägg
#6

Tänker du strunta i att testa mitt förslag?

Medlem sedan sep. 2006462 inlägg
#7

tanten.. Omg, trodde verkligen att jag hade testat det där.. shit. Så simpelt.. blä.

Tusen tack till dig..

255 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)