CSS limitations?

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post February 9th, 2004, 7:45 pm

You have to do a lot of jostling to get position:fixed to work properly in IE

;)
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 9th, 2004, 7:45 pm

  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post February 9th, 2004, 7:52 pm

I wouldn't know :-P
Pixel Acres V2
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post February 9th, 2004, 7:53 pm

yes, I know.

8)
- dM
  • allgoodpeople
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2004
  • Posts: 379
  • Loc: here
  • Status: Offline

Post February 10th, 2004, 10:58 am

ATNO/TW wrote:
Mark

There's always a workaround. I believe this is the effect that you were after (all done with CSS and your HTML layout)

works at 1280x1024, 1024x768 and 800x600 (although the background image is a little large for 800x600)

http://atnopro.com/ozzu/csstest.html

View the source code and enjoy!


So essentially you just set the nav panel column to a fixed height in order to cover the entire length of the screen? This is what it looks like to me.

The downside I see to this is how to handle different pages of differing heights? The class would need to be adjusted for pages of differing sizes. i.e. if you had a page that was 2 pages long, and a page that was 5 pages long, then differing height measurements would have to be set for the nav column in each page. However, this could be accomplished fairly easily. I'm not sure the of vocabulary (child classes?) but I've read about it being done before.

Or, could you use an ID to accomplish this?

Mark
  • OzDave
  • Newbie
  • Newbie
  • User avatar
  • Joined: Nov 16, 2003
  • Posts: 12
  • Loc: Australia
  • Status: Offline

Post February 14th, 2004, 12:32 am

Attn: ATNO/TW:

Re the below:
Oh, what the heck. I expect allgoodpeople probably knows how to see the CSS source


Is it possible for you to explain how this is done?

Regards,
OzDave
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post February 14th, 2004, 4:58 am

I use HTML-kit as an editor primarily OzDave. I just type in the URL for the css file and it opens it up. Same thing with TopStyle Pro. I suppose most editors will let you do that.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • allgoodpeople
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2004
  • Posts: 379
  • Loc: here
  • Status: Offline

Post February 14th, 2004, 10:48 am

OzDave wrote:
Attn: ATNO/TW:

Re the below:
Oh, what the heck. I expect allgoodpeople probably knows how to see the CSS source


Is it possible for you to explain how this is done?

Regards,
OzDave


I'm not sure how much detail you need in order to see the CSS file, so if you already know this, then I apologize for telling you something you already know :oops:

You would view the source for the page in question in order to get the name of the CSS file. once you have that name, you would then simply type it into the URL area.

For instance, at my site http://www.markrhodes.us, if you viewed the source code you would see the name of the CSS file is default.css. You would then type http://www.markrhodes.us/default.css into your address bar, and it would open the file in your default application for viewing CSS files.

Be sure that you type in the entire directory address in case the CSS file is in a subdirectory on the server, and not just the name of the CSS file. For example, if my CSS file was in /CSSfiles/default.css, you would want to enter http://www.markrhodes.us/CSSfiles/default.css.

Hope that helps!

Mark
  • LazyJim
  • Student
  • Student
  • No Avatar
  • Joined: Feb 15, 2004
  • Posts: 92
  • Status: Offline

Post February 15th, 2004, 9:30 am

ATNO/TW wrote:
There's always a workaround. I believe this is the effect that you were after (all done with CSS and your HTML layout)
...
http://atnopro.com/ozzu/csstest.html

View the source code and enjoy!


The biggest problem with this is: it doesn't work! :lol:

Also it's a work-around, the thing about CSS is we are still using work-arounds and hacks to solve problems, some of which were solved easily with <tables>s.

I agree with the W3C about using HTML for semantics, and seperating content from style. BUT they gave us a half-baked solution!

I get the impression that the W3C said "don't use tables for layout, here is CSS - use this instead!" That was the general message, and it sounds like CSS will replace <table>s for our layout requirements and more, but in reality, they expect us to change our layouts and design ideas to suit 'The New Code'. :roll: :evil:


As for a quick solution try this....
Code: [ Select ]
body {
    background: White url(logo2faint4.jpg) 165px;
    font-family: Verdana, Arial;
    margin: 0px;
    background-repeat: no-repeat;
}

html, body {
    height: 100%;
    overflow: hidden;
}
.main {
    color: #000088;
    padding: 10px 10px 10px 10px;
    height: 100%;
    overflow: auto;
}
.nav_panel {
    background: Teal;
    border: 1px solid Black;
    height: 100%;
    padding: 10px 10px 10px 10px;
    font-size: xx-small;
    width: 165px;
    float: left;
    overflow: hidden;
}
  1. body {
  2.     background: White url(logo2faint4.jpg) 165px;
  3.     font-family: Verdana, Arial;
  4.     margin: 0px;
  5.     background-repeat: no-repeat;
  6. }
  7. html, body {
  8.     height: 100%;
  9.     overflow: hidden;
  10. }
  11. .main {
  12.     color: #000088;
  13.     padding: 10px 10px 10px 10px;
  14.     height: 100%;
  15.     overflow: auto;
  16. }
  17. .nav_panel {
  18.     background: Teal;
  19.     border: 1px solid Black;
  20.     height: 100%;
  21.     padding: 10px 10px 10px 10px;
  22.     font-size: xx-small;
  23.     width: 165px;
  24.     float: left;
  25.     overflow: hidden;
  26. }
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post February 15th, 2004, 9:35 am

Those are some good points LazyJim, and I think you're right. Using CSS does require you to design differently. But, then again, the layouts we had previously done were designed because of things TABLES were good at, and because of the differences in the 4.x browsers.

I can't wait to see what CSS3 has in store for us.

:)
- dM
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post February 15th, 2004, 9:37 am

Curious what browser it didn't work on LazyJim? Worked for me on IE6, NS7.1 and Firefox
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • LazyJim
  • Student
  • Student
  • No Avatar
  • Joined: Feb 15, 2004
  • Posts: 92
  • Status: Offline

Post February 15th, 2004, 9:52 am

IE6 and FF (firefox)

I was browsing at 1280x1024

I think CSS is the best thing since sliced <table>s :D but it's still not made to be easy to use by the majority of web designers and/or developers.

(oh yeah and obviously the browser manufactures are partly to blame for the diffuclties developers face as well)

I agree that current/past popular designs were in part shaped by what <table>s allowed us to do, and there's nothing wrong with exploring the new way our desgns are shaped by CSS.
However, who really want's to lose the style of layouts we could do with <table>s?
And more importantly, who wants to limit their designs by the code they use, rather than their imagination?
  • LazyJim
  • Student
  • Student
  • No Avatar
  • Joined: Feb 15, 2004
  • Posts: 92
  • Status: Offline

Post February 15th, 2004, 10:04 am

digitalMedia wrote:
I can't wait to see what CSS3 has in store for us.


Yeah same here.

Currently you can use
Code: [ Select ]
display: table-cell;
etc to emulate the table-based layouts and it works great, but not on IE. :roll:

The addition of those display types to CSS was a good idea, but they should be concentrating on providing a universal solution rather than another way to code the <table> layouts which have their own limitations.

Yes I can't wait for CSS3 and SVG and XML to perculate into mainstream browsers.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post February 15th, 2004, 10:08 am

(had to edit that last one for ya LazyJim - the code you had in there messed up the whole thread without separating it out with the bbCode.)
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • LazyJim
  • Student
  • Student
  • No Avatar
  • Joined: Feb 15, 2004
  • Posts: 92
  • Status: Offline

Post February 15th, 2004, 10:12 am

lol sorry, if i ticked "ignore HTML" would that have helped?
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post February 15th, 2004, 10:28 am

Yes, but probably safer to use the bbCode. Besides it helps the code stand apart from normal text.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 15th, 2004, 10:28 am

Post Information

  • Total Posts in this topic: 34 posts
  • Users browsing this forum: No registered users and 137 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.