Tables too far to the right.

HTML Help Forum

FAQ

Search

Memberlist

Register

Profile

Log in to check your private messages

Register - Not registered yet? Got something to say? Join HTML Code Tutorial!

Tables too far to the right.

This topic is locked: you cannot edit posts or make replies.

HTML Help Forum -> HTML Table

View previous topic :: View next topic

Author

Message

Miyou

Joined: 22 May 2009
Posts: 2

Posted: Fri May 22, 2009 8:39 am Tables too far to the right.

Reply with quote

Hi, I have never used tables before but i checked here on the tutorial and tried: http://edsangen.se/design/
But the table seems to be outside of the div. how do i fix this?

Thanks! Very Happy

Very Happy

Miyou

Joined: 22 May 2009
Posts: 2

Posted: Fri May 22, 2009 10:25 am

Reply with quote

I've decided not to go with tables. thread closed.

sticks464

Joined: 31 Dec 2006
Posts: 2630

Posted: Fri May 22, 2009 10:27 am

Reply with quote

By fixing all your code and getting rid of the absolute positioning

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0;
padding:0;
}

body {
background: url('images/bg.png') repeat-x;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

#wrapper {
width:868px;
margin:0 auto;
}
#division {
width:868px;
background: url('images/paper.png');
}

#header {
background: url('images/top.png') no-repeat;
width:850px;
height:138px;
margin:0 0 0 9px;
}

#navcontainer {
width:850px;
height:33px;
background: url('images/menu.png') repeat-x;
margin:0 0 0 9px;
}

#navcontainer ul {
margin: 0;
padding: 0;
list-style: none;
}

#navcontainer li {float:left;}

#navcontainer a {
display: block;
color: #333;
width: 100px;
padding:7px 8px 8px 8px;
text-decoration: none;
font-size:15px;
}

#navcontainer a:hover {
background-color: #999;
color: #FFF;
}
.content {
width:810px;
margin:0 0 0 9px;
padding:0 20px;
}
table {
margin:10px 0 0 0;
clear:left;
}
.strat {
width: 520px;
height:274px;
}
.login {
width:150px;
background: #dfdfdf;
}
a { text-decoration:none; color:#000; }

</style>
</head>
<body>
<div id="wrapper">
<div id="division">
<div id="header"></div>
<div id="navcontainer">
<ul>
<li><a href="">Startsida</a></li>
<li><a href="">H�r finns vi</a></li>
<li><a href="">Om oss</a></li>
<li><a href="">Kontakt</a></li>
<li><a href="">Logga in</a></li>
</ul>
</div>

<div class="content">
<table id="main" cellspacing="0">
<tr>
<td class="strat" valign="top">
<p>V�lkommen till Eds�ngens hemsida!</p>
<img src="images/startbild.png" alt="">
</td>
<td class="login" valign="top">
Loginruta h�r!
</td>
</tr>
</table>

</div>
</div>

<img src="images/footer.png" width="868" height="74" alt="">
</body>
</html>

Display posts from previous:

	HTML Help Forum -> HTML Table	All times are GMT - 8 Hours
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group

HTML Help topic RSS feed

DARFUR

Get a Stop the Genocide poster at SaveDarfur.org.
Also see Eyes on Darfur.

HOSTING / DESIGN

$1.99 Domain Registration
Cheap Web Hosting
Website Templates

MAKE MONEY

Sell Domain Names
Sell Website Templates

| | | | |