Hej,
Jag har en sajt där tre divar ligger i rad, med float left.
I varje div ligger ett h1 element som är rubriken och under den ligger en tabell med data.
Det här funkar bra på min mall, men sajten ska in i dotnetnuke och här blir det problem.
Sajten som funkar ser ut såhär:
<div id="toplists-and-support">
<div class="toplist">
<h1>TOP LIST</h1>
<div>
<table cellpadding="0" cellspacing="0">
<!-- data goes here -->
</table>
</div>
</div>
<div class="tournaments">
<h1>TOURNAMENTS</h1>
<div>
<table cellpadding="0" cellspacing="0">
<!-- data goes here -->
</table>
</div>
</div>
<div class="support-buttons">
<h1>NEED HELP? ASK US!</h1>
<a href="#"><img src="images/button/en-US/button.chat.jpg" alt="button: chat" /></a>
<a href="#"><img src="images/button/en-US/button.support.jpg" alt="button: support" /></a>
</div>
</div>
Tillhörande CSS:
div#toplists-and-support {
margin: 30px 0px 0px 0px;
}
div#toplists-and-support div.toplist_container,
div#toplists-and-support div.tournaments_container {
float: left;
}
div#toplists-and-support div h1 {
margin: 0px 0px 10px 0px;
font-family: arial, helvetica, verdana;
font-size: 18px;
font-weight: bold;
text-align: left;
}
div#toplists-and-support div.toplist div.toplist_container {
width: 202px;
height: 210px;
margin: 0px 20px 0px 0px;
background-image: url(../images/structure/toplist.background.gif);
background-repeat: no-repeat;
}
div#toplists-and-support div.tournaments div.tournaments_container {
width: 410px;
height: 210px;
margin: 0px 20px 0px 0px;
background-image: url(images/structure/tournaments.background.gif);
background-repeat: no-repeat;
}
Problemet tror jag är dotnetnuke, när sidan parsas ser källkoden ut såhär:
<div id="toplists-and-support">
<div id="dnn__pane_poker_toplist" class="poker-toplist" style="border: 1px #ff0000 dashed;">
<a name="812"></a>
<span id="dnn_ctr812_ContentPane" class="DNNAlignleft">
<!-- Start_Module_812 -->
<div id="dnn_ctr812_ModuleContent">
<div id="dnn_ctr812_HtmlModule_lblContent" class="Normal">
<h1>TOP LIST</h1>
</div>
<!-- End_Module_812 -->
</div>
</span>
<a name="810"></a>
<span id="dnn_ctr810_ContentPane" class="DNNAlignleft">
<!-- Start_Module_810 -->
<div id="dnn_ctr810_ModuleContent">
<div class="toplist_container">
<table cellpadding="0" cellspacing="0">
<!-- data goes here -->
</table>
</div>
<!-- End_Module_810 -->
</div>
</span>
</div>
<div id="dnn__pane_tournaments" class="poker-tournaments">
<a name="813"></a>
<span id="dnn_ctr813_ContentPane" class="DNNAlignleft">
<!-- Start_Module_813 -->
<div id="dnn_ctr813_ModuleContent">
<div id="dnn_ctr813_HtmlModule_lblContent" class="Normal">
<h1>TOURNAMENTS</h1>
</div>
<!-- End_Module_813 -->
</div>
</span>
<a name="811"></a>
<span id="dnn_ctr811_ContentPane" class="DNNAlignleft">
<!-- Start_Module_811 -->
<div id="dnn_ctr811_ModuleContent">
<div class="tournaments_container">
<table cellpadding="0" cellspacing="0">
<!-- data goes here -->
</table>
</div>
<!-- End_Module_811 -->
</div>
</span>
</div>
</div>
Se bilden jag bifogar, så blir resultatet.
Har suttit i säkert en timma nu och försökt olika trixs, men lyckas inte lösa det.
Hur ska jag göra?
Tacksam för all hjälp jag kan få!
