8 replies to this topic

[Gimler]

Heya Peeps

I've been working on this lay-out

And now I'm ready to code it in dreamweaver. But I've got some problems, because I don't want that the lay-out will be bigger then 600 px heigh. I'm slicing the lay-out but I'm affraid that when I go and put text on it it wil be larger then 600 px. Does anyone know how I can fix this?

Greetz
Gimler

P.S: Sorry for my bad English!

[rc69]

600px high is an extreamly small template (same goes for wide).

But the only way to make the template not stretch when adding text is to make the text really really small. Or make really really short sentances, and leave a few words out here and there.

[Maxx-Designs]

IF your going to put more text in there than its size use an iframe

<iframe src="yourpage.html" width="1" height="1" name="content"
pageborder="0"></iframe

Use that, Replace the width and height with your width and hight. Also chnage yourpage.html to what it is.

If the iframe has to scroll and you dont want a scrollbar also add in

scrollbar="no"

Hope this helps!

[rc69]

Frames suck, although with out knowlage of php, they are the next best thing to making a site "dynamic"
Chance are, CSS would probably do more good here.

<div style="overflow:auto; height:100px; width:100px;">
TEXT HERE
</div>

Change height and width to what you need.

[Maxx-Designs]

I only know iframes, im not good at css

[Gimler]

Thanks all! ^^

rc69, on Oct 16 2005, 08:37 PM, said:

Frames suck, although with out knowlage of php, they are the next best thing to making a site "dynamic"
Chance are, CSS would probably do more good here.

<div style="overflow:auto; height:100px; width:100px;">
TEXT HERE
</div>

Change height and width to what you need.

I'll try that CSS code, and if it doesn't work (I've got little knowlegde about CSS) I will try those Iframes.
I know that the lay is a little bit small, but it's more like a 'personal site' and to experience with dreamweaver. ^^;

[Lift]

I would say that the best approach would be to slice the header and then use that as your only image and code the rest since the rest of your layout is just solid areas and stroke in a different color.

I'm not sure if you were going to use the image as a background (since you mentioned 600px height, and your image is 600px), but I would advise against that because your image is 129.17 KB right now and that is way too large for a simple layout like that.

Also, your image is 800px in width right now. This will display a horizontal scroll bar when viewing on a 800x600 resolution ... why? You have to subtract 40px from your main layout to account for browser scroll bar space. So your layout in actuality should be 760px in width instead of 800px. It is advised to do that this way since not everyone has their resolutions set at 1024x768 +.

Hope that helped.

[Chaos King]

Lift, on Oct 17 2005, 08:51 AM, said:

Also, your image is 800px in width right now. This will display a horizontal scroll bar when viewing on a 800x600 resolution ... why? You have to subtract 40px from your main layout to account for browser scroll bar space. So your layout in actuality should be 760px in width instead of 800px. It is advised to do that this way since not everyone has their resolutions set at 1024x768 +.

I loved that you said that fact in there. That should be a standard now for all webdesigners.

[Lift]

You know, there should be 1 site with all the Start to End of what to do what not to do, common errors, neat tricks and tips .. I mean there are plenty of tutorials out there but by the time you get to the point where you can say "I think I know what I'm doing" I takes some times months .... yes anyone can say they "know something" but how well do they realy know things? !

Like CSS for example, I see so many people using IE hacks .... Now since IE7 is coming out soon ... quircks doctype will still resume the same hackyness where as strict doctype will be hopefuly some what standards complient. So that is a good thing in a way, but the fact that there are work arounds to the hacks is not imediately obvious when you are first starting out with XTHML/CSS.

I thought I knew it all .... spacer gifs, nested tables, slice hell images ..... then I hit the huge wall .... tables are bad !! WHAT!! they never told me that in school !! So I had to painfully drag my self out of my table soup and start doing things right.


Long story short?! Uhmmm I tend to ramble on did ya notice yet :

Standards .. git with it or git a new hobbe.