PDA

View Full Version : div is going down



dizyn
Dec 4th, 2008, 10:41 AM
Hi

Please check: http://www.dizyn.com/living/sitemap.html
You see 2nd div is going down.
I want to get it just under first row.

many thanks in advance
dizyn

jhaycutexp
Dec 4th, 2008, 10:57 AM
are those links going to be some kind of list? if its so why use divs there? when you can use.



<ul>
<li></li>
</li>


anyways, i think its' the clear that pushes your div so far down there..

dizyn
Dec 4th, 2008, 11:12 AM
what can I do with this? any solution

I think it should work.

Excavator
Dec 4th, 2008, 11:35 AM
Hello dizyn,
It will work. I changed a few things in your css, the background colors are just there to see the different elements.

body{ margin:0px;}
#outer{width:1000px;margin:0px auto;overflow:hidden;background-image:url(images/bg.gif);background-repeat:no-repeat; background-position:top; overflow:hidden;}
.inner{
padding:0px 7px 0px 7px;
background: #000;
overflow: auto;/*to clear floats*/
}
.header{
background-repeat: no-repeat;
width:738px;
height:175px;
}
.colu1{ width:248px; float:left;}
.colu2{
width:738px;
float:left;
background: #ccc;
}
.smL{
width:23px;
float:left;
height:18px;
text-align:center;
font-size:8px;
font-family:Verdana,
Arial, Helvetica,
sans-serif;
font-weight:bold;
letter-spacing: -0.15em;
padding-top:11px;
margin-left:1px;
}
.smR{
width:650px;
float:left;
height:24px;
padding-top:5px;
padding-left:5px;
background-color:#fff;
margin-left:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration:none;
}


/*.clear{clear:both;} deleted this*/

.menueL{width:23px; float:left; height:25px; text-align:center; font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -0.15em; padding-top:20px; margin-left:1px;}
.menueR{width:215px; float:left; height:32px; padding-top:13px; padding-left:4px;}

.menueCL{width:23px;float:left; height:20px;text-align:center; font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -0.15em;margin-left:1px;}
.menueCR{ width:17px; float:left; height:11px; padding-top:9px; font-weight:bold;font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.10em; padding-left:4px; color:#333333;}

.treeArr{float:left; font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -0.15em; padding-top:5px; padding-right:5px; padding-left:5px; color:#353535;}
.treetxt{float:left; padding:0px 1px 0px 1px;}

.childLnk{float:left; height:13px; padding-top:4px;}
.engArr{float:left; font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -0.15em; padding-top:7px; padding-bottom:5px; padding-right:5px; padding-left:10px; color:#353535;}

.engLnk{padding:2px 0px 5px 5px; float:left;}

A.treeLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:underline}
A.treeLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:underline}
A.treeLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:underline}
.treeLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:none}

A.headLink:link {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:none;}
A.headLink:visited {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:none;}
A.headLink:hover {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:underline;}
.headLink {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:none;}

A.headULink:link {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:underline;}
A.headULink:visited {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:underline;}
A.headULink:hover {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #313131; text-decoration:underline;}


A.blkLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:none}
A.blkLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:none}
A.blkLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #353535; text-decoration:underline}

A.bluLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #7196FF;text-decoration:underline;}
A.bluLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #7196FF;text-decoration:underline;}
A.bluLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #7196FF;text-decoration:underline;}


A.leLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2A2A2A;text-decoration:none; font-weight:bold;}
A.leLink:visited{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2A2A2A;text-decoration:none;font-weight:bold;}
A.leLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2A2A2A;text-decoration:none;font-weight:bold;}

h1{
margin:0px;
padding-left:30px;
color:#646464;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
background-image: url(images/small_logo.gif);
background-repeat: no-repeat;
background-position: left;
}
h2{
margin:0px;
color:#646464;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
.text{ color:#646464;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.botTxt{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-left:10px; color:#333333;text-decoration:none; font-weight:bold;}




font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none;}

A.smH:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold; text-decoration:none}
A.smH:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold; text-decoration:none}
A.smH:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold; text-decoration:underline}

A.smC:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;text-decoration:none;}
A.smC:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;text-decoration:none;}
A.smC:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;text-decoration:underline;}


/*
font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#7196FF;
*/
/*7593EB*/
/*input { border: 2px solid #999999; background:#F6F6F6;}*/




For a good read on clearing floats, have a look at this page. (http://www.quirksmode.org/css/clearing.html)


I'm sure jhaycutexp knows but the proper way to form a ul is like this:
<ul>
<li></li>
</ul>

dizyn
Dec 4th, 2008, 11:45 AM
thank you sir.

jhaycutexp
Dec 4th, 2008, 12:06 PM
I'm sure jhaycutexp knows but the proper way to form a ul is like this:
<ul>
<li></li>
</ul>


hahah.. yeah.. sorry... my bad.. stupid fingers.. lolz:D:p