css layout not lining up how i want it to [Archive]

Click to See Complete Forum and Search --> : css layout not lining up how i want it to

Daniel T

12-24-2003, 11:30 PM

hey, i wuz wondrin if sum1 could help wit a problem im havin. here's my site address: http://www.freewebs.com/dtworldutw/ if u click on chat on the top navigation bar, it will take u 2 a page wit a menu on the left and a java applet towards the bottom of the page. wut i wanna do is have the java line up wit the menu, but not have them on the same div
help plz?
-Dan

DaveSW

12-25-2003, 09:21 AM

why not add

float: left;

to your #links style?

Daniel T

12-25-2003, 04:47 PM

thanx a billion dave!!:D
-Dan

DaveSW

12-25-2003, 05:12 PM

np :D

Daniel T

01-01-2004, 12:31 AM

hey, ive made sum more changes 2 my site(enuff 2 show u the problem im having). neway, here's the url:

http://www.freewebs.com/dtworldutw/

here's my question:
i need the "pgConent" DIV to cover 100% of the remainder of the page. this cant b done by simply putting "width: 100%;" in the 'pgContent' section of styles.css. wen i do this, it makes it span the whole page(even under the 'links' div to the left)
help plz?
-Dan

p.s.: could sum1 plz test my site on a gecko browser? i dont have 1 and it was takin a long time 2 download(dial-up access)

DaveSW

01-01-2004, 10:19 AM

simple way is to add a line of text in there - that will expand until it meets the edge of the page and then break to the next line.

a hr tag sometimes works too - just set it to color: #fff;

ray326

01-01-2004, 04:34 PM

Have you tried the content div with a float:right?

Daniel T

01-02-2004, 08:34 PM

if i do that, i have no way of specifying the width so that it would fill 100% of the remainder of the page. i want my page to b set up like this: "links(width:149px)",10 pixel margin(on left side of 'pgContent' div), "pgContent" div(width: the remainder of the page -- except the 10px gap on the right), 10 pixel margin(on right side of 'pgContent' div).
thanx
-Dan

ray326

01-03-2004, 07:12 PM

I don't know of a way to do that without setting a fixed page width.

pyro

01-03-2004, 07:20 PM

If I am understanding you correctly:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
#nav {
float: left;
width: 147px;
border: 1px solid #000;
}
#content {
margin: 0 10px 0 159px;
border: 1px solid #000;
}
</style>

</head>
<body>
<div id="nav">
<ul>
<li>link one</li>
<li>link two</li>
<li>etc.</li>
</ul>
</div>
<div id="content">Blah</div>
</body>
</html>

Daniel T

01-03-2004, 09:12 PM

thanks pyro! just wut i wuz lookin 4!:) hm, i wonder y i didnt think of that myself...:rolleyes:

pyro

01-03-2004, 09:22 PM

Good deal. Glad it was what you were looking for. :)

ray326

01-04-2004, 12:59 PM

Pyro said:

#content {
margin: 0 10px 0 159px;
border: 1px solid #000;
}

Ok, now you're just starting to piss me off that's so simple! :D

pyro

01-04-2004, 04:42 PM

Lol :D