well i just started learning CSS today and i was just wondering how i could fix this problem: <!-- m --><a class="postlink" href="http://s93159194.onlinehome.us/Jeff/jeff.html">http://s93159194.onlinehome.us/Jeff/jeff.html</a><!-- m --> when you resize it, the 2 darker parts come in, and the grey part shrinks....how could i make it so no matter what, it will look normal whatever resolution (or size or whatever) it is being looked at?you want it to look normal in every resolution? surely you jest! 
but you could use fixed px (rough est: 10%=100px on a 1024/768) instead of %'s. and no i didnt ch3ck ur s0urc3.Originally posted by omega
you want it to look normal in every resolution? surely you jest!
but you could use fixed px (rough est: 10%=100px on a 1024/768) instead of %'s. and no i didnt ch3ck ur s0urc3.
but if i set it so like 700px, and someone has a like 600px resolution screen, wouldn't the light grey bar at the top be too big?Why do you have your <style ...></style> tags nested inside <script ...></script> tags...?
honestly, i have no idea....like i said i just started and i didn't read up on this too much, so yeah what does it matter if they are inside it or not? i have no clue...<script language=javascript>
<style type="text/css" media="screen"><!--
@import url(style.css) screen;
--></style>
</script>
Your page consists of 3 different languages: HTML, JavaScript and CSS. The tags like <body> and <style> are HTML. So when you put <style type="text/css">...</style> on your page, you tell the browser in HTML that a CSS language is used inside these tags. So if you have HTML tags inside <script> tags, you're trying to say that HTML tags are JavaScript. They aren't.
It would be same as this:
<english>
Hello, my
<spanish>
name is Bamse, and I am a
</spanish>
happy web developer.
</english>
Hope you get the point (which definitely isn't clear in this case) Sigh.
Regards,
BamseYes that English Spanish example wasn't the greatest with regards to HTML though the point being your browser wouldn't know what to do if you told it to run a JavaScript program and you had CSS instructions, which defines layout.
It's like using a Tumble Drier to Wash your clothes, yes you can add water but its likely the machine will either blow-up or take much longer to dry the clothes.Heh the best way to learn is to look at other Websites and DreamweaverMX2004 helped me alot
check my site it has some simple CSS styles
<!-- m --><a class="postlink" href="http://fadi.omniro.com">http://fadi.omniro.com</a><!-- m -->
if link is not working for you try another time (Stupid Server)The problem here was that I don't know spanish
...
This is what I meant:
<english>
Ich bin eine feine Dame
</english>
Regards,
Bamsejust go...
<script type="text/javascript">
<!-- Hide from crap browsers
// your javascripts in here
// End of da' JS -->
</script>
<style type="text/css" media="screen">
/*CSS crap in here*/
</style>
simple.Originally posted by Think Twice
how could i make it so no matter what, it will look normal whatever resolution (or size or whatever) it is being looked at?
The most logical solution would be to define the widths of your containers in percentages. That way, we'll say the left <div>, for instance, will always have a width of 20% of its parent, which is in this case, the window. Therefore, it shall shrink down, or increase in size, with the different resolutions/window size.
Note the "most logical" part. Although I believe that is the most logical way, the browsers don't usually all agree.ok, but what if (if everything is in percentages) i resize the window to like 300x300px? wouldn't the left, center, and right parts all shrink?.....so for another example.... I want to be able to shrink my window size, and have it so you have to scroll over to see the right side. (so basically the page is the same width when the window is resized as it is when it is maximized) BUT....if someone is using a high resolution, I want the page to look normal to them....
so basically is there a way to say...i want *this* section to be a minimum number of pixels, and if it needs to expand, it will?
sorry for it being so confusing....i tried to explain it the best i couldi think what you want is impossible unless theres a way to detect res's. but maybe make the sides fixed width and the content collapsible?You are looking for the min-width property (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-widths">http://www.w3.org/TR/REC-CSS2/visudet.h ... max-widths</a><!-- m -->). But as I recall, IE doesn't fully/at all support this -- but my memory is a bit fuzzy. I believe it doesn't, but you can use the proprietary "expression()" to achieve the affect in IE, I believe. I'm not well-versed on this, but you might talk to Vladdy, or Pyro, or any number of those types of people.well, the best solution I've found is to use fixed width design, thus if browser size is greater than content size, it looks beautiful, and if browser size is less than content size it looks the exact same, you just have to scroll a little, however there will never be overlapping content (which causes poor readability)well i think i'm just gunna stick with tables for now....css just isn't working right for me, plus i need to learn it a little better before i can use it. Thanks for the help everyoneyou should try a fixed page before reverting to substandard htmlI can't get to the Glish Holy Grail CSS right now. Here's a link to someone else's stab at it. If I remember when I get to work and can track it down, i think I saved all the Glish stuff somewhere. There's still some things to work out with these, various browser oddness of course.
<!-- m --><a class="postlink" href="http://www.webmasterworld.com/forum83/1586.htm">http://www.webmasterworld.com/forum83/1586.htm</a><!-- m -->
Actually. I cobbled together a tableless 3 column layout with a floating footer that has made it through testing. It meets our specs but may not meet everyone's because we just gave up on some browsers, but it works in PC IE6, 5.5, 5(acceptably), N6, N7, Mac Safari, IE5.x(OSX), N7, thanks to all the bits of hacking loveliness I gathered from the 4 corners of the internet. Unfortunately I can't post that actual code at least until the site goes live... and then I guess I'll need to ask my employer if I can post it. Maybe I can get something simlar mocked up.
It has it's issues as well, things we've decided to live with, like i think in IE5Mac I think it is, it keeps recalcualting the page wrong and so the scrollbar appears if you resize the window, then it gets bigger and bigger each time you resize until you refresh.Here's that link showing fluid colmun layouts:
<!-- m --><a class="postlink" href="http://www.glish.com/css/i">http://www.glish.com/css/i</a><!-- m --> just don't like the fact that if you use css to layout a page, when you resize the window, it changes the layoutonce again, fixed widthohh ok sorry i didn't see your first postOriginally posted by samij586
once again, fixed width
If Think Twice wants to put data in all three columns, then defining all three with a % in regards to width also works.yeah, just throwing it out there as an option and he wasn't picking up on it.
but you could use fixed px (rough est: 10%=100px on a 1024/768) instead of %'s. and no i didnt ch3ck ur s0urc3.Originally posted by omega
you want it to look normal in every resolution? surely you jest!
but you could use fixed px (rough est: 10%=100px on a 1024/768) instead of %'s. and no i didnt ch3ck ur s0urc3.
but if i set it so like 700px, and someone has a like 600px resolution screen, wouldn't the light grey bar at the top be too big?Why do you have your <style ...></style> tags nested inside <script ...></script> tags...?
honestly, i have no idea....like i said i just started and i didn't read up on this too much, so yeah what does it matter if they are inside it or not? i have no clue...<script language=javascript><style type="text/css" media="screen"><!--
@import url(style.css) screen;
--></style>
</script>
Your page consists of 3 different languages: HTML, JavaScript and CSS. The tags like <body> and <style> are HTML. So when you put <style type="text/css">...</style> on your page, you tell the browser in HTML that a CSS language is used inside these tags. So if you have HTML tags inside <script> tags, you're trying to say that HTML tags are JavaScript. They aren't.
It would be same as this:
<english>
Hello, my
<spanish>
name is Bamse, and I am a
</spanish>
happy web developer.
</english>
Hope you get the point (which definitely isn't clear in this case)
Sigh.Regards,
BamseYes that English Spanish example wasn't the greatest with regards to HTML though the point being your browser wouldn't know what to do if you told it to run a JavaScript program and you had CSS instructions, which defines layout.
It's like using a Tumble Drier to Wash your clothes, yes you can add water but its likely the machine will either blow-up or take much longer to dry the clothes.Heh the best way to learn is to look at other Websites and DreamweaverMX2004 helped me alot
check my site it has some simple CSS styles
<!-- m --><a class="postlink" href="http://fadi.omniro.com">http://fadi.omniro.com</a><!-- m -->
if link is not working for you try another time (Stupid Server)The problem here was that I don't know spanish
...This is what I meant:
<english>
Ich bin eine feine Dame
</english>
Regards,
Bamsejust go...
<script type="text/javascript">
<!-- Hide from crap browsers
// your javascripts in here
// End of da' JS -->
</script>
<style type="text/css" media="screen">
/*CSS crap in here*/
</style>
simple.Originally posted by Think Twice
how could i make it so no matter what, it will look normal whatever resolution (or size or whatever) it is being looked at?
The most logical solution would be to define the widths of your containers in percentages. That way, we'll say the left <div>, for instance, will always have a width of 20% of its parent, which is in this case, the window. Therefore, it shall shrink down, or increase in size, with the different resolutions/window size.
Note the "most logical" part. Although I believe that is the most logical way, the browsers don't usually all agree.
ok, but what if (if everything is in percentages) i resize the window to like 300x300px? wouldn't the left, center, and right parts all shrink?.....so for another example.... I want to be able to shrink my window size, and have it so you have to scroll over to see the right side. (so basically the page is the same width when the window is resized as it is when it is maximized) BUT....if someone is using a high resolution, I want the page to look normal to them....so basically is there a way to say...i want *this* section to be a minimum number of pixels, and if it needs to expand, it will?
sorry for it being so confusing....i tried to explain it the best i couldi think what you want is impossible unless theres a way to detect res's. but maybe make the sides fixed width and the content collapsible?You are looking for the min-width property (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-widths">http://www.w3.org/TR/REC-CSS2/visudet.h ... max-widths</a><!-- m -->). But as I recall, IE doesn't fully/at all support this -- but my memory is a bit fuzzy. I believe it doesn't, but you can use the proprietary "expression()" to achieve the affect in IE, I believe. I'm not well-versed on this, but you might talk to Vladdy, or Pyro, or any number of those types of people.
well, the best solution I've found is to use fixed width design, thus if browser size is greater than content size, it looks beautiful, and if browser size is less than content size it looks the exact same, you just have to scroll a little, however there will never be overlapping content (which causes poor readability)well i think i'm just gunna stick with tables for now....css just isn't working right for me, plus i need to learn it a little better before i can use it. Thanks for the help everyoneyou should try a fixed page before reverting to substandard htmlI can't get to the Glish Holy Grail CSS right now. Here's a link to someone else's stab at it. If I remember when I get to work and can track it down, i think I saved all the Glish stuff somewhere. There's still some things to work out with these, various browser oddness of course.<!-- m --><a class="postlink" href="http://www.webmasterworld.com/forum83/1586.htm">http://www.webmasterworld.com/forum83/1586.htm</a><!-- m -->
Actually. I cobbled together a tableless 3 column layout with a floating footer that has made it through testing. It meets our specs but may not meet everyone's because we just gave up on some browsers, but it works in PC IE6, 5.5, 5(acceptably), N6, N7, Mac Safari, IE5.x(OSX), N7, thanks to all the bits of hacking loveliness I gathered from the 4 corners of the internet. Unfortunately I can't post that actual code at least until the site goes live... and then I guess I'll need to ask my employer if I can post it. Maybe I can get something simlar mocked up.
It has it's issues as well, things we've decided to live with, like i think in IE5Mac I think it is, it keeps recalcualting the page wrong and so the scrollbar appears if you resize the window, then it gets bigger and bigger each time you resize until you refresh.Here's that link showing fluid colmun layouts:
<!-- m --><a class="postlink" href="http://www.glish.com/css/i">http://www.glish.com/css/i</a><!-- m --> just don't like the fact that if you use css to layout a page, when you resize the window, it changes the layoutonce again, fixed widthohh ok sorry i didn't see your first postOriginally posted by samij586
once again, fixed width
If Think Twice wants to put data in all three columns, then defining all three with a % in regards to width also works.yeah, just throwing it out there as an option and he wasn't picking up on it.