Need help with a layout problem

**darkritual** · 08-13-2012 11:47 AM

Hi,

I'm here because i need help with a problem i have been struggling with for the past month.

I don't know how to explain it so here's my competitor's website : http://www.eroticasensation.com/erot...ion-usuel.html

When you make your browser bigger, the table stay centered no matter what and it keeps it's original size. When you make it smaller it pushes it to the side and doesn't shrink it.

How do you do that?

Thanks

**cbVision** · 08-13-2012 11:49 AM

Set the following style your whatever is wrapping your content:

Code:

margin: 0 auto;

**darkritual** · 08-13-2012 11:55 AM

Originally Posted by cbVision

Set the following style your whatever is wrapping your content:

Code:

margin: 0 auto;

Alright, now my table stay centered but it still shrinks.

What am i doing wrong?

Code:

<!DOCTYPE html>
<html>
<head>
	<style>
		#table_skeleton {width:70&#37;;margin:0 auto;}
		#menu {padding-left:0%;list-style-type:none;text-align:center;}
		li {border-bottom:2px solid black;}
	</style>
</head>
<body style="background-color:black;">

<table id="table_skeleton" cellpadding="5" cellspacing="2">
<tr>
<td colspan="2" style="background-color:blue;color:white;text-align:center;">
<h1>Title</h1>
</td>
</tr>

<tr valign="top">
<td style="background-color:white;width:120px;">
	<ul id="menu">
		<li>Dildos</li>
        <li>Lubrifiants</li>
        <li>Straps</li>
        <li>Condoms</li>     
	</ul>
</td>
<td style="background-color:white;">
	<div style="padding-left:auto;border:2px solid black;width:190px;>
    	<a href="http://www.google.ca/"><img src="test.png" height="150px"/></a>
    </div>
</td>
</tr>

<tr>
<td colspan="2" style="background-color:blue;text-align:center;color:white;">
Copyright &#169; </td>
</tr>
</table>

</body>
</html>

**absolutmgd13** · 08-13-2012 12:31 PM

its set to a %... '#table_skeleton {width:70%;margin:0 auto;}'. make it a fixed size if you don't want it to resize.

**darkritual** · 08-13-2012 08:06 PM

Originally Posted by absolutmgd13

its set to a %... '#table_skeleton {width:70%;margin:0 auto;}'. make it a fixed size if you don't want it to resize.

Thanks guys.

**absolutmgd13** · 08-14-2012 10:22 AM

no prob!

Thread: Need help with a layout problem

Thread Tools

Display

Need help with a layout problem

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions