furry_cup said:i think i managed to solve it just before i left work, i copied and pasted the div 6 times and left the float box emptyand they went under each other, im starting to understand the html now, but i get confused once all the content is in it too and it all starts getting split up. html is good tho in dreamweaver as its color coded.
ill post up some code tomorrow so you can take a looksie. thanks mate
mark.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="Header.css" rel="stylesheet" type="text/css" />
<link href="Navbar.css" rel="stylesheet" type="text/css" />
<link href="left column content.css" rel="stylesheet" type="text/css" />
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0[/URL]" width="770" height="150" class="header_CSS">
<param name="movie" value="[URL="file:///C|/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="[URL="file:///C|/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf" width="770" height="150" scale="noborder" quality="high" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash"></embed>
</object>
<div class="Navbar" id="header">Home | Antennas and Masts | Radio Comms | Pneumatic Masts | Links and Downloads | Contact Us</div><!--header-->
<div class="Left_Column" id="content">
<div class="Left_Column" id="content">Meeting Standards </div>
<div class="Left_Column" id="content">World Markets </div>
<div class="Left_Column" id="content">Customer Services </div>
<div class="Left_Column" id="content">The Future </div>
<div class="Left_Column" id="content">Location</div>
<div class="Left_Column" id="content">Job Vacancies </div>
<div class="Left_Column" id="content"></div>
<!--content-->
<div id="footer"></div><!--footer-->
</div><!--wrapper-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.Right_Column {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: right;
width: 400px;
height: 400px;
}
.Footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000099;
background-color: #EEEEEE;
width: 770px;
text-align: center;
}
.Left_ColumnCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000099;
background-color: #EEEEEE;
width: 130px;
float: none;
height: 20px;
padding: 4px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000066;
}
.Navbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
width: 770px;
height: 20px;
float: none;
text-align: center;
letter-spacing: 0.1em;
color: #000066;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000066;
padding-top: 2px;
}
.header_CSS {
height: 150px;
width: 770px;
position: relative;
background-position: center center;
word-spacing: 1em;
}
-->
</style>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0[/URL]" width="770" height="150" class="header_CSS">
<param name="movie" value="[URL="file:///C|/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="[URL="file:///C|/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf" width="770" height="150" scale="noborder" quality="high" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash"></embed>
</object>
<div class="Navbar" id="header">Home | Antennas and Masts | Radio Comms | Pneumatic Masts | Links and Downloads | Contact Us</div><!--header-->
<div class="Left_ColumnCopy" id="content">Meeting Standards </div>
<div class="Left_ColumnCopy" id="content">World Markets </div>
<div class="Left_ColumnCopy" id="content">Customer Services </div>
<div class="Left_ColumnCopy" id="content">The Future </div>
<div class="Left_ColumnCopy" id="content">Location</div>
<div class="Left_ColumnCopy" id="content">Job Vacancies </div>
<div id="content"></div><!--content-->
<div class="Footer" id="footer">footer</div>
<!--footer-->
</div><!--wrapper-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.Right_Column {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: right;
width: 400px;
height: 400px;
}
.Footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000099;
background-color: #EEEEEE;
width: 770px;
text-align: center;
}
.Left_ColumnCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000099;
background-color: #EEEEEE;
width: 130px;
float: none;
height: 20px;
padding: 4px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000066;
clear: left;
}
.Navbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
width: 770px;
height: 20px;
float: none;
text-align: center;
letter-spacing: 0.1em;
color: #000066;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000066;
padding-top: 2px;
}
.body {
margin: 0 auto 0 auto;
padding: 0px;
background-color:#FFFFFF;
background-position: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: left;
}
.header_CSS {
height: 150px;
width: 770px;
position: relative;
background-position: center center;
word-spacing: 1em;
}
-->
</style>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0[/URL]" width="770" height="150" class="header_CSS">
<param name="movie" value="[URL="file:///C|/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="[URL="file:///C|/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf" width="770" height="150" scale="noborder" quality="high" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash"></embed>
</object>
<div class="Navbar" id="header">Home | Antennas and Masts | Radio Comms | Pneumatic Masts | Links and Downloads | Contact Us</div><!--header-->
<div class="Left_ColumnCopy" id="content">Meeting Standards </div>
<div class="Left_ColumnCopy" id="content">World Markets </div>
<div class="Left_ColumnCopy" id="content">Customer Services </div>
<div class="Left_ColumnCopy" id="content">The Future </div>
<div class="Left_ColumnCopy" id="content">Location</div>
<div class="Left_ColumnCopy" id="content">Job Vacancies </div>
<div id="content"></div><!--content-->
<div class="Footer" id="footer">footer</div>
<!--footer-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>[B][COLOR=Red]Untitled Document[/COLOR][/B]</title>
[COLOR=Red][B]<link href="/css.css" rel="stylesheet" type="text/css" />[/B][/COLOR]
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"]http://download.macromedia.com/pub/s...rsion=7,0,19,0[/URL]" width="770" height="150" class="header_CSS">
<param name="movie" value="[B][COLOR=Red][URL="file:///C%7C/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf"[/COLOR][/B] />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="[B][COLOR=Red][URL="file:///C%7C/Documents"]file:///C|/Documents[/URL] and Settings/msimons/Desktop/testing.swf[/COLOR][/B]" width="770" height="150" scale="noborder" quality="high" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash"></embed>
</object>
<div class="Navbar" id="header">Home | Antennas and Masts | Radio Comms | Pneumatic Masts | Links and Downloads | Contact Us</div><!--header-->
<div class="Left_ColumnCopy" id="content">Meeting Standards </div>
<div class="Left_ColumnCopy" id="content">World Markets </div>
<div class="Left_ColumnCopy" id="content">Customer Services </div>
<div class="Left_ColumnCopy" id="content">The Future </div>
<div class="Left_ColumnCopy" id="content">Location</div>
<div class="Left_ColumnCopy" id="content">Job Vacancies </div>
<div id="content"></div><!--content-->
<div class="Footer" id="footer">footer</div>
<!--footer-->
</body>
</html>
#wrapper {
width: 680px;
height: auto;
text-align: left;
background-color?, etc, etc,
body {
margin: 0 auto 0 auto;
padding: 0px;
background-color:#FFFFFF;
background-position: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: left;
}
.Right_Column {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: right;
width: 400px;
height: 400px;
}
.Footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000099;
background-color: #EEEEEE;
width: 770px;
text-align: center;
}
.Left_ColumnCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000099;
background-color: #EEEEEE;
width: 130px;
float: none;
height: 20px;
padding: 4px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000066;
clear: left;
}
.Navbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
width: 770px;
height: 20px;
float: none;
text-align: center;
letter-spacing: 0.1em;
color: #000066;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000066;
padding-top: 2px;
}
.header_CSS {
height: 150px;
width: 770px;
position: relative;
background-position: center center;
word-spacing: 1em;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>South Midlands Communications Ltd</title>
<link href="../SMC with CSS/CSS SMC.css" rel="stylesheet" type="text/css" />
</head>
<body class="CSS">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0[/URL]" width="770" height="150" class="header_CSS">
<param name="movie" value="../SMC with CSS/testing.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" />
<embed src="../SMC with CSS/testing.swf" width="770" height="150" scale="noborder" quality="high" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash"></embed>
</object>
<div class="Navbar" id="header">Home | Antennas and Masts | Radio Comms | Pneumatic Masts | Links and Downloads | Contact Us</div><!--header-->
<div class="Left_ColumnCopy" id="content">Meeting Standards </div>
<div class="Left_ColumnCopy" id="content">World Markets </div>
<div class="Left_ColumnCopy" id="content">Customer Services </div>
<div class="Left_ColumnCopy" id="content">The Future </div>
<div class="Left_ColumnCopy" id="content">Location</div>
<div class="Left_Column" id="content">Job Vacancies </div>
<div id="content"></div><!--content-->
<div class="Footer" id="footer"><a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | <span class="style1">©2006 South Midlands Communications Ltd</span></div>
<!--footer-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Furry Cups webpage</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
header to go here
</div><!--header-->
<div id="navbar">Home | Antennas and Masts | Radio Comms | Pneumatic Masts | Links and Downloads | Contact Us
</div><!--navbar-->
<div id="content">
<div id="menu">
<ul>
<li><a href="#">Homepage </a></li>
<li><a href="#">Company Profile </a></li>
<li><a href="#">Our Capabilities</a></li>
<li><a href="#">Our Products</a></li>
<li><a href="#">Joint Ventures</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">News</a></li>
</ul>
</div><!--leftcolumn-->
<div id="rightcolumn">main content goes here </div><!--rightcolumn-->
<br class="clearsides" /></div><!--content-->
<div id="footer">footer goes here </div>
<!--footer-->
</div><!--wrapper-->
</body>
</html>
/* CSS Document */
body {
margin: 0 auto 0 auto;
padding: 0px;
background-color: #CCCCCC;
background-position: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
}
.clearsides {
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#wrapper {
width: 770px;
height: auto;
position: relative;
text-align: center;
background-color:#FFFFFF;
margin: 20px auto 0 auto;
border: 1px solid #CCCCCC;
}
#header {
height: 150px;
width: 770px;
position: relative;
border-bottom: 1px solid #CCCCCC;
}
#navbar {
font-size: 110%;
width: 730px;
height: auto;
position: relative;
text-align: left;
letter-spacing: 0.1em;
color: #000066;
border-bottom: 1px solid #CCCCCC;
padding: 5px 20px 5px 20px;
}
#content {
width: 730px;
height: auto;
position: relative;
padding: 10px 20px;
clear: both;
text-align: left;
}
#rightcolumn {
width: 440px;
height: auto;
position: relative;
float: right;
padding: 10px;
border: 1px solid #999999;
text-align: left;
}
#menu {
width: 230px;
height: auto;
position: relative;
float: left;
padding: 10px;
border: 1px solid #999999;
}
#menu ul {
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
text-align: left;
}
#menu ul li {
font-size: 100%;
margin: 0 0 5px 0;
padding: 0 0 0 5px;
}
#menu ul li a {
padding: 5px;
margin: 0;
display: block;
text-decoration: none;
background-color: #CCCCCC;
}
#menu ul li a:hover {
display: block;
text-decoration: none;
background-color: #0099FF;
}
#footer {
width: 770px;
height: 150px;
text-align: center;
background-color: #0066CC;
position: relative;
}
furry_cup said:the layout of my site is completely screwed when veiwed in firefox.
<li><a href="contactus.html">Contact Us</a></li>
or
<li><a href="http://www.google.co.uk">google link</a></li>