Website Design Forum

**Korzonek** · 10-15-2006, 01:48 PM

I have a problem because if I resize the window with my site it's all messed up...it's liked squshed...for example if you resize Webmaster Talk window in witch you're browsing its all nice...maybe it's the matter of the scroll bar witch apears in resizing Webmaster talk and dosent on my page...

**AndrewP** · 10-15-2006, 05:26 PM

Post your link and we'll take a look

**SpacemanSpiff** · 10-15-2006, 08:02 PM

When you specify the widths for things do you use " px " or " % "

using pixels will smash up the window. With percents it auto resizes to fit the browser window.

**Korzonek** · 10-16-2006, 06:48 AM

its not on the web yet...I wouldn't put anything on the web witch is'nt close to perfection

...anyway everything is made in "%" so i think its not the matter of "px"..I'll paste in the code as soon I get home.

**blue-dreamer** · 10-16-2006, 07:19 AM

It's difficult to see what you mean unless we can see something. Can you post your code here?

**Korzonek** · 10-17-2006, 02:10 PM

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Unregistered User">
<meta name="generator" content="AceHTML 6 Pro">
<style type="text/css">
div.container {width: 100%; height: auto;}
div.header {width: 100%; height: auto; background: #814108; text-align: center}
div.left {width: 20%; height: auto; background: #814108; float: left; text-align: left}
div.main {width: 80%; height: auto; background: yellow; float: right; text-align: center}
div.footer {width: 100%; height: auto; background: #814108; text-align: center; float: left}
div.mainText {width: auto; height: auto; background: white; text-align: left; padding: ; margin: 14%}
img.cup {z-index:1; position:absolute; left:20%}
</style>
</head>
<body style="background:#db640d">
<div class="container">
<div class="header"><img src="baner.gif" border="0" width="468" height="60" alt="" align="middle"></div>
<div class="left">
fdsfsdfsdf
sdfsdfsdfsd
sdfsdfsdfsd
fsdfsdfsdfsd
fsdfsdfsdfffffffffffffffffffff</div>
<div class="main"> <img class="cup" src="logoS2.gif" border="0" width="145" height="148" alt="" align="top">
<div class="mainText"><p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </p>
</div>
</div>
<div class="footer">ddd</div> </div>
</body>
</html>

it all looks nice like it suposed to look but the resizing sucks....

**Korzonek** · 10-19-2006, 10:22 AM

can any one help?

**borzoid** · 10-20-2006, 09:43 AM

Your container div is 100% and that will account for your page width. Give your "left" div a fixed width so that the navigation column will not resize with the rest of the page. Give your main content a position relative to the left content.

Also watch the padding. You have 100% of content Plus padding of 14% on the main text. This might be causing some issues in IE.

I am by no means an expert and am still learning myself so any one here is welcome to correct me.

**Korzonek** · 10-21-2006, 12:40 PM

thx for help but it dosen change anything...

any other ideas??

**borzoid** · 10-23-2006, 09:02 AM

Do you have a url we can look at?

Also if you aren't using Firefox already, get - the developers toolkit allows you to see css/padding/div problems easily.