one of my divs wont line up

~~Eccentric~~ · 08-09-2007, 09:46 PM

HTML Code:

<!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=utf-8" />
<title>Jamies site</title>
<style type="text/css">
<!--
body {
    background-color: #b9e3a9;
    margin: 0px;
     }
     /*main body properties above*/
.maindiv {
    width: 666px;
    height: 94px;
    margin: 0 auto;
}
.actualbanner {
background-color: #205324;
width: 656px;
border: 2px;
border-collapse: collapse;
border-style:solid;
border-color: #9df685;
margin: 0 auto;
}
.bannerdiv {
    width: 666px;
    height: auto;
    margin: 0 auto;
}
.pagesplit {
    width: 666px;
    height: 5px;
    margin: 0 auto;
}
.navigator {
    width: 666px;
    height: 32px;
    margin: 0 auto;
}
.actualnavigator {
background-color: #205324;
width: 656px;
border: 2px;
border-collapse: collapse;
border-style:solid;
border-color: #9df685;
margin: 0 auto;
height: 28px;
text-align:center;
}
.undernavdivthing {
width: 202px;
border: 2px;
border-collapse: collapse;
border-style:solid;
border-color: #9df685;
margin-left: 5px;
height: auto;
text-align:center;
background-image:url(radio/greengradient.PNG);
background-repeat:repeat-x;
background-color: #327b37;
float: left;
}
.undernavdivthing2 {
width: 202px;
border: 2px;
border-collapse: collapse;
border-style:solid;
border-color: #9df685;
height: auto;
text-align:center;
background-image:url(radio/greengradient.PNG);
background-repeat:repeat-x;
background-color: #327b37;
margin: 0 auto;
}
.undernavdivthing3 {
width: 202px;
border: 2px;
border-collapse: collapse;
border-style:solid;
border-color: #9df685;
margin-left: 5px;
margin-right: 5px;
height: auto;
text-align:center;
background-image:url(radio/greengradient.PNG);
background-repeat:repeat-x;
background-color: #327b37;
float: right; 
}
.undernavigator {
    width: 666px;
    height: 184px;
    margin: 0 auto;
}
.content {
    width: 666px;
    height: auto;
    margin: 0 auto;
}
#container { width: auto; margin: auto; }
-->
</style>
</head>

<body>

<div class="maindiv">Content for  class "maindiv" Goes Here</div>
<div class="pagesplit"></div>
<div class="bannerdiv">
  <div class="actualbanner">This is where the banner goes upto 656pixels wide and unlimited height</div>
</div>
<div class="pagesplit"></div>
<div class="navigator">
  <div class="actualnavigator">Content for  class "actualnavigator" Goes Here</div>
</div>
<div class="pagesplit"></div>
<div class="undernavigator"><div id="container">
<div class="undernavdivthing">lalal<br />lala</div>
<div class="undernavdivthing2">fgdfddfdfd</div><div class="undernavdivthing3">alalala<br />
slls</div>

</div></div>
<div class="pagesplit"></div>
<div class="content">Content for  class "content" Goes Here</div>
</body>
</html>

thats my page the right div named undernavdivething3 wont line up properly on the same line

Sygon.. · 08-09-2007, 11:44 PM

got a online preview?

~~Eccentric~~ · 09-09-2007, 01:16 PM

nope =[ but thats the code??

~~Eccentric~~ · 09-09-2007, 02:09 PM

UPDATE:
now tried using <nobr></nobr> tags but still wont

!!!

~~Jackboy~~ · 09-09-2007, 02:13 PM

online preview? Lol

~~Eccentric~~ · 09-09-2007, 02:14 PM

cant u just see in dreamweaver by copying and pasting or do you really want me to upload because jamie cant be bothered :rolleyes:

~~Galaxay1~~ · 09-09-2007, 02:16 PM

http://lexet.net/

I uploaded there just contact me when you want removed

~~Jackboy~~ · 09-09-2007, 02:16 PM

not got dreamweaver soz... and i am a visual person

adamFTW · 09-09-2007, 02:17 PM

Try this:

<!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=utf-8" />
<title>Jamies site</title>
<style type="text/css">

</style>
</head>

<body>

<div class="maindiv">Content for class "maindiv" Goes Here</div>
<div class="pagesplit"></div>
<div class="bannerdiv">
<div class="actualbanner">This is where the banner goes upto 656pixels wide and unlimited height</div>
</div>
<div class="pagesplit"></div>
<div class="navigator">
<div class="actualnavigator">Content for class "actualnavigator" Goes Here</div>
</div>
<div class="pagesplit"></div>
<div class="undernavigator"><div class="undernavdivthing3">alalala<br />
slls</div><div id="container">
<div class="undernavdivthing">lalal<br />lala</div>
<div class="undernavdivthing2">fgdfddfdfd</div>

</div></div>
<div class="pagesplit"></div>
<div class="content">Content for class "content" Goes Here</div>
</body>
</html>

~~Eccentric~~ · 09-09-2007, 02:17 PM

Thank you scott

i'll rep you when possible.
EDIT: Adam your a star cheers pal. +rep when possible.
Scott remove?

thanks

Thread: one of my divs wont line up

Thread Tools

one of my divs wont line up

Posting Permissions