Register | Login | |||||
Main
| Memberlist
| Active users
| Calendar
| Chat
| Online users Ranks | FAQ | ACS | Stats | Color Chart | Search | Photo album |
| |
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 |
| ||
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 |
| ||
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 |
| ||
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 |
| ||
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... | | |