PDA

View Full Version : one of my divs wont line up


Eccentric
08-09-2007, 09:46 PM
<!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 :P
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">
<!--
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 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 :D
Galaxay1
09-09-2007, 02:19 PM
Done :P and np.
adamFTW
09-09-2007, 02:19 PM
No problem.
Eccentric
09-09-2007, 02:23 PM
Problem solved, can be closed no need to pursue further.

Want to hide these adverts? Register an account for free!