alright, I give up, how do you do this?

G

Greg

I'm really trying hard here to do the tableless CSS layouts, but it's giving
me a really hard time. Here's the basic layout at
www.gregerly.net/flavortech

Basically, you can see the log in box, and the get registered box which are
tables, but beyond that I'm trying to do tableless. I want to position the
center content to the right of the log in boxes and have it expand all the
way to the right hand side. However I can't figure how to do this with CSS.
I"ve tried margin atributes, padding, CSSP, I just cant' figure this out. I
just want it to expand as long as there is broswer window avaialble. The
css has the top left corner at like 250 right and 20 top. Anyone that could
lend me some advice would be very helpful

THanks in advance.

Greg
 
G

Greg

Try width:100%; as you did in #main.
Click to expand...

I tried that, but the div shoots way off the viewable browerser space and
creates horizontal scrolling. Thanks for your input however.

Greg
 
G

Guest

Hi Greg
I tried that, but the div shoots way off the viewable browerser space and
creates horizontal scrolling. Thanks for your input however.
Click to expand...

Here's the solution:
You have 3 collums and here is a copy from my German HTML-Tutorial
*SelfHTML* which shows the code.
I cut out the parts not needed and the text.
You can find the original here with example.
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig

It's realized with *float*
1. Left collum Navigation
2. right collum Info
3. middle collum Content


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dreispaltiges Layout</title>
<style type="text/css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
}

div#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0; padding: 0;
border: 1px dashed silver;
}

div#Info {
font-size: 0.9em;
float: right; width: 12em;
margin: 0; padding: 0;
border: 1px dashed silver; background-color: #eee;
}

div#Content {
margin: 0 12em 0 16em;
padding: 0 1em;
border: 1px dashed silver;
}

</style>
</head>
<body>

<div id="Navigation">
...
</div>

<div id="Info">
...
</div>

<div id="Content">
...
</div>

</body>
Greg
Click to expand...

HTH Ralf
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

What should I do Before I give up programming? 6
How do i do this 3
How do I install a loader? 1
How do I make this craftinfsystem Work 1
How do i Do this function(dealing with arrays) 1
How do I fix this issue in sqaurespace code block? 1
How do I get this to actually create what I want? 0
How do I open PLINK with R studio 0

Members online

No members online now.
Total: 296 (members: 0, guests: 296)
Robots: 269

Forum statistics

Threads
474,434
Messages
2,571,690
Members
48,796
Latest member
Greg L.

Latest Threads

Top