By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,625 Members | 2,235 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,625 IT Pros & Developers. It's quick & easy.

Help with DIV layer positioning

P: n/a

Hi all,

I'm trying to code a layout in DIVs but I'm running into a fe
problems. Here's the screenshot of the layout in Adobe Photoshop :

http://blessedbeproductions.com/ftfgscreenshot.jpg

(excuse the grittiness)

I've managed to code the columns with absolute coding, but I want to d
the following :

a) Make the divider line a small 1-pixel .GIF that repeats downwards

b) Align the whole layout centrally, so that it doesn't look like it'
wasting so much space on the right side on 1024x768 res (I have tha
resolution, but so far I designed it so it'll fit 800x600 res)

I managed to do (b) on [my demand] (http://mydemand.net : no matte
which res you use, it's neatly at the center and it "fills out") but i
seems that I can't do (a) and (b) TOGETHER.

If I try to align the layout centrally (as with [my demand]) th
background line would not work, it would break off. If I did th
background line, the layout would be stuck to the top left corner o
the screen, making it look ugly and a bit of a space waster.

Intensify.org manages to do this but I haven't figured out how.

Is there a way to combine the two, please?

thanks! :)

B*B, Tiar

mydeman
-----------------------------------------------------------------------
Posted via http://www.forum4designers.co
-----------------------------------------------------------------------
View this thread: http://www.forum4designers.com/message37008.htm

Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
*mydemand*:

I'm trying to code a layout in DIVs
Ew.
Here's the screenshot of the layout in Adobe Photoshop :
http://blessedbeproductions.com/ftfgscreenshot.jpg
Where's the layout in there? I see a collage of some women, "Fear the
Fangirl" in a huge fancy font below it and something unreadable in the same
font on the right. Below that, about 40% from the left is some tall T-shaped
thing with horns.

By the way, in general PNG and GIF are the better suited formats for
screenshots, but with the photos I grant you JFIF.
I've managed to code the columns
Columns?
with absolute coding,
What's that supposed to mean?
a) Make the divider line a small 1-pixel .GIF that repeats downwards
Oh, that T-thing is a divider and to the left and right of it shall be
columns?
However, a 1px-GIF can merely hold one color and can thus easily be replaced
by some CSS rule with 'border'.
b) Align the whole layout centrally,
That's only possible with fixed-width (bad) or width-limited (not so bad)
layouts and a FAQ anywhere CSS is discussed.
I managed to do (b) on [my demand] (http://mydemand.net
Ew! Never use 'pt' for 'font-size', except maybe in a print stylesheet.

Well, you more or less correctly used (along with many not so correct
'center's in HTML)

#container {
width: 740px;
margin-left: auto;
margin-right: auto
}

I don't get the following "position: relative", though.
it seems that I can't do (a) and (b) TOGETHER.


I can't tell you what problem you have with doing a), because you didn't
tell us, i.e. you gave us a meaningless picture without much explanation
from which we cannot even guess your HTML and CSS.

--
"Music is essentially useless, as life is."
George Santayana
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.