Log In · Register

 
div help
ryanoman
post Dec 8 2005, 05:47 PM
Post #1


=]
*****

Group: Member
Posts: 712
Joined: May 2004
Member No: 15,626
http://www.ryanoman.net/

I'm trying to make a simple layout... but I can't seem to get the DIVs to work... haha I feel really stupid.. I havn't coded HTML in a while I guess...



LOL.. thanks...
 
 
 Start new topic
Replies (1 - 4)
alduhkneel
post Dec 8 2005, 06:20 PM
Post #2


hindi ko maisip kung wala ka sa buhay ko.
****

Group: Member
Posts: 290
Joined: Nov 2005
Member No: 298,637
first off, you haven't closed off your div tags. you have:
CODE
<div class="content">
<div class="nav">


it should be:

CODE
<div class="content">
all the text and such in the content div.
</div>
<div class="nav">
all the content in the nav div.
</div>


next, you haven't specified any "position", and instead used margins. I also noticed you used "position: static;". I personally prefer "absolute" as it is much easier to work with. try this:

CODE
div.content {
padding: 0px;
overflow:none;
position: absolute;
left: 10px;
top: 200px;
}

div.nav {
padding: 0px;
overflow:none;
position: absolute;
left: 10px;
top: 200px;
}


you'll see that I combined your padding tags. it makes life a lot easier. next, I changed position to "absolute". I added in a left: px; and top: px; you may change these numbers to your liking.
 
ryanoman
post Dec 8 2005, 06:22 PM
Post #3


=]
*****

Group: Member
Posts: 712
Joined: May 2004
Member No: 15,626
Thank you!!!
 
ryanoman
post Dec 8 2005, 06:38 PM
Post #4


=]
*****

Group: Member
Posts: 712
Joined: May 2004
Member No: 15,626
This can be closed now.. thanks for your help.
 
Kenado
post Dec 8 2005, 08:59 PM
Post #5


Senior Member
*******

Group: Member
Posts: 3,551
Joined: Feb 2005
Member No: 102,857
Topic Closed.
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic