1. #1
    Ramm's Avatar
    Registered
    23/09/03
    Posts
    442
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    CSS: DIV overlapt op kleine resolutie

    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?
    no votes  

  2. #2

    Registered
    12/11/03
    Location
    Scherpenheuvel
    Posts
    930
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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
    no votes  

  3. #3
    Ramm's Avatar
    Registered
    23/09/03
    Posts
    442
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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/...1&product_id=4
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in