eoin_k Posted March 2, 2007 Share Posted March 2, 2007 My website design is inches away from being passable, but I'm not quite there.My two problems are:1) Making the format which defines the width of the navcontainer work in IE as well as firefox/safari.Getting the mainbox to sit to the right of the navcontainer rather than sitting below it.Any suggestions appreciated:test.php <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><link rel="stylesheet" type="text/css" href="style1.css"></head><body><?php include "./header.php"; ?><div id="mainbox"><h1>ABOUT US:</h1><p>Renegade Pictures is a dynamic new production company with established talent. Founded by Alex Cooke and Alan Hayling in 2007 blah blah. Blah blah Nicky Taylor blah . Aim to make fantastic blah blah. Aren't we wicked. Blah watch out blah here we come. </p></body></html> style1.cssbody{ background-image: url('images/bground1.gif');background-repeat: repeat}#mainbox{background-color: #ffffff;border: 1px solid #000;padding: 10px 10px 10px 10px;margin-left: 170px;margin-top: 100px;width: 470px;font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}#mainbox h1{text-align: center}#banner{left-margin: 160px;}#navcontainer{width: 150px;border-right: 1px solid #000;padding: 0 0 1em 0;margin-bottom: 1em;font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;background-color: #000;color: #202020;}#navcontainer p{color: #ffffff;padding: 5px 5px 5px 0.5em;font-size: x-small;font-weight: bold}#navcontainer ul{list-style: none;margin: 0;padding: 0;border: none;}#navcontainer li{border-bottom: 1px solid #400000;margin: 0;}#navcontainer li a{display: block;padding: 5px 5px 5px 0.5em;border-left: 10px solid #484848;border-right: 10px solid #A0A0A0;background-color: #D0D0D0;color: #980000;font-weight: 900;text-decoration: none;width: 100%;}html>body #navcontainer li a { width: auto; }#navcontainer li a:hover{border-left: 10px solid #A0A0A0;border-right: 10px solid #484848;background-color: #606060;color: rgb(255,0,0);font-weight: 900} header.php<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><link rel="stylesheet" type="text/css" href="style1.css"></head><body><div id="banner"><img src="images/banner.jpg" /></div><div id="navcontainer"><p id="p">3-4 Portland Mews<br />London W1F 8JF<br />ENGLAND</p><p id="p">T: +44 (0) 20 74794200<br />F: +44 (0) 20 74949134</p><ul id="navlist"><li id="active"><a href="#" id="current">Home</a></li><li><a href="#">News</a></li><li><a href="#">Films</a></li><li><a href="#">People</a></li><li><a href="#">Email</a></li><li><a href="http://www.streetmap.co.uk/newmap.srf?x=529418&y=181115&z=0&sv=W1F%208JF&st=PostCode&lu=N&tl=Renegade%20Map&ar=y&bi=~&mapp=newmap.srf&searchp=newsearch.srf">Map</a></li></ul></body></html> Link to comment Share on other sites More sharing options...
ScottR Posted March 2, 2007 Share Posted March 2, 2007 Without seeing the page via a link Id say float the mainbox using your css http://www.w3schools.com/css/pr_class_float.asp just float it next to the navcontainer Link to comment Share on other sites More sharing options...
jlhaslip Posted March 2, 2007 Share Posted March 2, 2007 http://w3schools.invisionzone.com/index.ph...ost&p=61457There is some information on a similar technique shown on that posting, too. Might help. Link to comment Share on other sites More sharing options...
eoin_k Posted March 5, 2007 Author Share Posted March 5, 2007 Here is a link to the page: test page Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now