(Link to AcmlmWiki) Offline: thank ||bass
Register | Login
Views: 13,040,846
Main | Memberlist | Active users | Calendar | Chat | Online users
Ranks | FAQ | ACS | Stats | Color Chart | Search | Photo album
05-03-24 08:53 AM
0 users currently in Programming.
Acmlm's Board - I3 Archive - Programming - css/xhtml woes... New poll | |
Add to favorites | Next newer thread | Next older thread
User Post
spiroth10

Paratroopa


 





Since: 01-28-06
From: USA

Last post: 6283 days
Last view: 6283 days
Posted on 12-17-06 04:22 PM Link | Quote
I can never seem to get positioning right -- if I use pixels to measure absolute/relative position, someone with a smaller screen res than mine (1280x1024) won't see the whole page. If I use percentages (really hard for some reason -- lots of guess and check) then it seems that when the browser window is small or the page is viewed under a different resolution, the style gets all screwed up...

how do you go about creating a style sheet that would position your layout (like this board, for example) where things are positioned, but screen res and/or small or maximized browser windows.

I don't want to use tables, but it looks to me like there is no other way. And yes, I'm running the newest lololol -- my CSS viewing capabilities are up to par.

any help would be greatly appreciated.
FreeDOS +

Giant Red Koopa
Legion: freedos = fritos








Since: 11-17-05
From: Seattle

Last post: 6283 days
Last view: 6283 days
Posted on 12-17-06 04:50 PM Link | Quote
Depends on what you're doing, tables still have their perfectly valid use (and you can even style them with CSS).
spiroth10

Paratroopa


 





Since: 01-28-06
From: USA

Last post: 6283 days
Last view: 6283 days
Posted on 12-17-06 06:05 PM Link | Quote
right now I'm trying to create a new, more modern feeling web design for my new site.

I sort of want it to integrate well with my forum, Simplemachines (sorry acmlm crowd, I just want to try it out... I still love aboard though), in color/design...

I want to have a basic, clean, design with a centered header that spans the page by 100%, one bar on the left, and one on the right, and a box in the center for the main content of a page.

I'd use a WYSIWYG editor, but that just produces broken code for one fixed screen resolution. so I guess notepad is my friend on this one...
emcee

Red Super Koopa


 





Since: 11-20-05

Last post: 6283 days
Last view: 6283 days
Posted on 12-18-06 04:39 AM Link | Quote
Put your header in a div. Then create the 3 divs, each the percentage of the page width you want the to occupy. For instance: 15%, 60%, and 15%. Also, set their min-height to 100%. Then set the the float property on the second two to left. This will cause them to overlap on the left of the screen, then you just use left margins to separate them. In the case of using 15%, 60% and 15%, left margins of 2%, 20% and 83% would likely work.
Add to favorites | Next newer thread | Next older thread
Acmlm's Board - I3 Archive - Programming - css/xhtml woes... |


ABII

Acmlmboard 1.92.999, 9/17/2006
©2000-2006 Acmlm, Emuz, Blades, Xkeeper

Page rendered in 0.025 seconds; used 359.59 kB (max 426.52 kB)