/    Sign up×
Community /Pin to ProfileBookmark

how do I ‘fix’ my center colum in place ?

Copy linkTweet thisAlerts:
Mar 11.2007

Hi, I’m hoping you can help with a little problem I have with the page at [url]www.rugaddict.co.uk[/url] the center column was made to re-size and adjust while the sides are fixed. The code was kindly donated to me, and I’m happy enough with the result (although I’m still at early stages with the page)
the problem is that as the browser size closes up, the blue centre of the page goes shooting off below the rest of the content. Is there a way that I can limit its movement, ie only let it get so far, or can I fix it’s width so it displays ok on an average monitor ?
please help with suggestions if you can

thanks for your help and time

Paul

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Mar 11.2007 — Add a fixed with to #middle like width:35em.
Copy linkTweet thisAlerts:
@WebJoelMar 12.2007 — I have your code offline, -made some progress with it. I'll return to this tomorrow (it's been a long weekend). :o

I think I can make this display nicely for 800x600, 1024x768 and every size in between (and probably some to either side of these res'). ?
Copy linkTweet thisAlerts:
@WebJoelMar 12.2007 — I'm back! ?

-It took me about 10-minutes to make this look sweet in IE... and another hour or two of tweaking it while doing multi-task stuff to get it work 'okay' in Firefox.

I removed some of your nested DIVs... couldn't figure out their function or purpose and they were interferring with my development (grin!) of your work.

I noted that part of the problem right off, was that you were trying to place images that are [B]225-px width[/B] by [B]225-px tall[/B], into a DIVs ("#left" and "#right") that were each only [B]160px[/B] wide... and IE, [I]idiot browser-apparent that it is,[/I] [U]incorrectly[/U] expands the DIV to accomodate this. Any compliate browser begins to stumble at this point... :eek:

I also seperated alot of your CSS from the HTML and got it into "<style>", where I'd assume you would want to make it an external file, eventually. ?

I changed your populated image of the DIV "#header" to be the "background-image" of this DIV, and re-sized the 800-px by 91px image to 760-px wide (to accomodate 800-width resolution, 760-px is about the maximum because the browsers' vertical scrollbar is 20-px wide...). I would seriously re-consider that black-text-on-blue-background of that image... I can barely see it.

At any rate, -see if you can do anything with this. Note: #header background-image is referanced from source in my ZIP-file.

No errors or warnings from TIDY Validator. ?

[upl-file uuid=0109c301-4188-4916-b529-3503e55a0e75 size=8kB]carpets.zip[/upl-file]
×

Success!

Help @carpetpaul spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...