Ok, I am designing my website for my web design business I will be starting sometime in the future. Here it is: <!-- m --><a class="postlink" href="http://216.36.173.149/hiteckdesign/">http://216.36.173.149/hiteckdesign/</a><!-- m -->. It looks fine in Mozilla, but IE seems to be adding an extra 10px worth of margin wherever it feels like it. Anyway to fix this, but keep it the same in Mozilla? Thanx,
-Danhmm I don't know if we can help our competitors...
Sounds like a box model problem. Try searching for box model hack on google. or make sure you don't specify width and padding in the same div.
<!-- m --><a class="postlink" href="http://www.ryanbrill.com/archives/css_box_model_and_you/Originally">http://www.ryanbrill.com/archives/css_b ... Originally</a><!-- m --> posted by DaveSW
hmm I don't know if we can help our competitors...
Sounds like a box model problem. Try searching for box model hack on google. or make sure you don't specify width and padding in the same div.
<!-- m --><a class="postlink" href="http://www.ryanbrill.com/archives/css_box_model_and_you/">http://www.ryanbrill.com/archives/css_b ... l_and_you/</a><!-- m -->
Thank you Dave! I've got it setup to use a seperate stylesheet for IE, which is configured to fit with IE's whackjob of a box model
. Just one problem, when viewing in IE, it shows the code that prevents it from using the IE stylesheet in Firefox. This is what I have for it:
<!--[if IE lt 6]>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"iestyles.css" />
<![endif]-->
The parts in red is what it shows at the top of the page in IE. How might I prevent it from doing this?
-DanI love it! What a glorious bunch of idiots MS has working on web tools! hahaha!Originally posted by ray326
I love it! What a glorious bunch of idiots MS has working on web tools! hahaha!
Yes, but does anyone have an answer to my question?
-DanThe only two alternatives I know are server-side scripts or client javascript.Ok, thsi is what I have: <!-- m --><a class="postlink" href="http://216.36.173.149/hiteckdesign/">http://216.36.173.149/hiteckdesign/</a><!-- m -->. It looks great in Firefox, but it displays some of the code at the top of the window in IE, which I can't get rid of. What I want to know is what I'm doing that is making it show the code. I don't want this code to be there. I don't see what ray means by using server-side languages, as it is more of just a problem than something extra I want to do. Any ideas?
-DanNever mind! I got it to work!
-DanOK! One more question and I'm, done my layout! Here's my url: <!-- m --><a class="postlink" href="http://216.36.173.149/hiteckdesign/">http://216.36.173.149/hiteckdesign/</a><!-- m -->. I would like the links section to always be the same size as the content section. It is working now, but only because my "contentcontainer" div is set at height:700px;. I would like to have the content and links sections to always be only as high as the content in the one with the most content in it. When I remove the height:700px; line, it resizes the links section so it is much shorter than the content section. Thanx in advance,
-Dandead link...Originally posted by samij586
dead link...
That would have been because my server wasn't running
-Dank, I think your solution is Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)Thanks for the link, it'll be good for future reference! I've changed my scheme this time tho, decided to go with static height and an overflow div.
-Danone way i've seen that works for me is using !important
width:100px !important;
width:104px;
IE doesn't read the important, so it just uses the last value, but other browsers will read !important as the only one to use.
saves some updating of style sheets
-Danhmm I don't know if we can help our competitors...
Sounds like a box model problem. Try searching for box model hack on google. or make sure you don't specify width and padding in the same div.
<!-- m --><a class="postlink" href="http://www.ryanbrill.com/archives/css_box_model_and_you/Originally">http://www.ryanbrill.com/archives/css_b ... Originally</a><!-- m --> posted by DaveSW
hmm I don't know if we can help our competitors...
Sounds like a box model problem. Try searching for box model hack on google. or make sure you don't specify width and padding in the same div.
<!-- m --><a class="postlink" href="http://www.ryanbrill.com/archives/css_box_model_and_you/">http://www.ryanbrill.com/archives/css_b ... l_and_you/</a><!-- m -->
Thank you Dave! I've got it setup to use a seperate stylesheet for IE, which is configured to fit with IE's whackjob of a box model
. Just one problem, when viewing in IE, it shows the code that prevents it from using the IE stylesheet in Firefox. This is what I have for it:<!--[if IE lt 6]>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"iestyles.css" />
<![endif]-->
The parts in red is what it shows at the top of the page in IE. How might I prevent it from doing this?
-DanI love it! What a glorious bunch of idiots MS has working on web tools! hahaha!Originally posted by ray326
I love it! What a glorious bunch of idiots MS has working on web tools! hahaha!
Yes, but does anyone have an answer to my question?
-DanThe only two alternatives I know are server-side scripts or client javascript.Ok, thsi is what I have: <!-- m --><a class="postlink" href="http://216.36.173.149/hiteckdesign/">http://216.36.173.149/hiteckdesign/</a><!-- m -->. It looks great in Firefox, but it displays some of the code at the top of the window in IE, which I can't get rid of. What I want to know is what I'm doing that is making it show the code. I don't want this code to be there. I don't see what ray means by using server-side languages, as it is more of just a problem than something extra I want to do. Any ideas?
-DanNever mind! I got it to work!
-DanOK! One more question and I'm, done my layout! Here's my url: <!-- m --><a class="postlink" href="http://216.36.173.149/hiteckdesign/">http://216.36.173.149/hiteckdesign/</a><!-- m -->. I would like the links section to always be the same size as the content section. It is working now, but only because my "contentcontainer" div is set at height:700px;. I would like to have the content and links sections to always be only as high as the content in the one with the most content in it. When I remove the height:700px; line, it resizes the links section so it is much shorter than the content section. Thanx in advance,
-Dandead link...Originally posted by samij586
dead link...
That would have been because my server wasn't running
-Dank, I think your solution is Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)Thanks for the link, it'll be good for future reference! I've changed my scheme this time tho, decided to go with static height and an overflow div.
-Danone way i've seen that works for me is using !important
width:100px !important;
width:104px;
IE doesn't read the important, so it just uses the last value, but other browsers will read !important as the only one to use.
saves some updating of style sheets