Archief - CSS: DIV overlapt op kleine resolutie

Ramm · 4 feb 2006

Dit is wat er gebeurt:
http://users.telenet.be/jctielt/css.jpg

De div met "testing!" in overlapt mijn prijs, die in een tabel staat. De code ziet er ongeveer zo uit:

<div></div><table></table>

Iemand enig idee hoe ik kan voorkomen dat mijn div over mijn table komt op een kleinere resolutie?

Rvl · 5 feb 2006

Hieruit kan niemand wat zeggen over wat je fout is. Je kan beter je volledige html posten zodat we kunnen zien wat je fout doet want een screen levert voor ons niet veel op. Waarschijnlijk zal het een fout met positioning zijn maar voor de zekerheid kan je beter je code posten.
De table die je wil gebruiken in je screen blijkt ook volledig nutteloos als je met css positioning werkt aangezien je hier juist uit de table structuur probeert te stappen

Ramm · 5 feb 2006

Dit is de volledige code:

Code:

<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="600"><p class="pageheader"><%=product_name%></p></td>
    <td width="100"><p class="pageheader"><%=strCurrency%>&nbsp;<%=RoundNumber(price)%></p></td>
  </tr>
  <tr> 
    <td width="600" class="productListing-data">
	 <%
	if len(product_description) > 0 then
		response.write(product_description)
	else
		response.write("<br /><br /><p align=""center""><b>" & strItemNotAvailable & "</b></p>")
	end if
	%> </td>
    <td width="100" class="center">
	  <div class="product_extra">
		<h2>Extra</h2>
		<p>&nbsp;
		  
		</p>
	  </div>
	<a href="javascript:;" onclick="PopImage('product','<%=id%>');"> 
      <% if len(product_image) > 0 then %>
      <img src="images/products/<%=product_image%>" width="80" alt="<%=product_name%>" /><br />
      <%=strBiggerImage%></a> <% end if %></td>
  </tr>
  <tr> 
    <td width="600"> <br /> <br /> <table width="600" border="0" cellspacing="0" cellpadding="0" class="productListing">
        <tr> 
          <td colspan="3" class="productListing-heading">&nbsp;<%=strSpecifications%></td>
        </tr>
        <%
set rsSpecs = server.createobject("ADODB.recordset")
rsSpecs.cursortype = 3

strSQL = "SELECT product_info_name, product_info_description FROM product_info WHERE product_id = " & id & " AND product_lang_id = " & session("language_id")
rsSpecs.open strSQL, adoCon

even = "odd"
do while not rsSpecs.eof
%>
        <tr class="productListing-<%=even%>"> 
          <td width="200" class="productListing-data">&nbsp;<b><%=rsSpecs("product_info_name")%></b></td>
          <td width="10" align="center" class="productListing-data">:</td>
          <td class="productListing-data">&nbsp;<%=rsSpecs("product_info_description")%></td>
        </tr>
        <%
	if even = "even" then
		even = "odd"
	else
		even = "even"
	end if
	rsSpecs.movenext
loop

rsSpecs.close
set rsSpecs = nothing
%>
      </table></td>
    <td width="100">&nbsp;</td>
  </tr>
</table>

Voorlopig heb ik het probleem opgelost door mijn div in mijn tabel te positioneren, hetgeen natuurlijk maar een halfslachtige oplossing is. Ik zal ondertussen proberen om die table kwijt te raken. Oude gewoontes zijn jammer genoeg moeilijk kwijt te geraken. Ik neem aan dat ik dan met 3 DIV's zal moeten werken?

Code:

<p>pagetitle</p>
<div>product-description (float left)</div>
<div>product-price + image (float right)</div>
<div>extra information (float right) </div>

Of zie ik dat verkeerd?

Pagina in werking is te zien op http://www.framtidsdepartementet.se/planex/testshop/?mod=product&cat_id=1&product_id=4

Archief - CSS: DIV overlapt op kleine resolutie

Ramm

Legacy Member

Rvl

Legacy Member

Ramm

Legacy Member