Jul 26, 2008

Css Layout: Trouble With Ie - the scrollbar and margin-bottom

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

free web hosting

Css Layout: Trouble With Ie - the scrollbar and margin-bottom

Lozbo
I have a site which I'm developping and trying to get a frames-like layout design.

But IE does not propperly show the scrollbox, its hidden behind the fixed divs of the top header and the bottom footer...

Firefox does alright, so If you dont understand what I mean you can check it out here:

http://web.cucea.udg.mx/ineser/alap/test.php

Seems like Opera and Safari are doing also good...

And also, the margin of #content (which is the main content area) is not working, becouse it does not go up above the footer, I don't know what is going on (that rule is inside a 'fix IE only hack' which i think is called holly hack or something).

I change the values for margin and margin-bottom, and it doesnt work and i switched to padding and it does pull the div above, but thats not what I need, becouse of the background-image...

The styles are on

http://web.cucea.udg.mx/ineser/alap/files/global.css

Thanks...

 

 

 


Reply

amhso
dude don't bother fixing this. it's most likely because IE is not w3standards compliant. view my spudgun site with IE. IE does not interpret stylesheets correctly and it's not your fault, it's Microsofts.

Reply

Avalon
QUOTE(amhso @ Jan 20 2006, 02:50 PM)
dude don't bother fixing this. it's most likely because IE is not w3standards compliant. view my spudgun site with IE. IE does not interpret stylesheets correctly and it's not your fault, it's Microsofts.
*


You are probably correct, the problem is that 90%+ of people use IE. So if you want 90%+ to not be able to view the site properly, then don't fix it. Now of course that is a silly thing to do isn't it? Sorry to say, putting your head in the sand and ignoring the problem is not an option, regardless of who is at fault.

Reply

Tyssen
The problem is IE doens't recognised position:fixed for any element other than the body.
Stu Nicholl's has a few examples of similar types of fixed layouts: http://www.cssplay.co.uk/layouts/bodyfix.html

Reply

Lozbo
I know IE does not work with fixed things, thats why it has a special hack to put ie with position:absolute.

Ive seen stuff like that that works perfectly fine in IE, particularly in a wordpress template, lemme find the link.

Yes, I know its microsoft's fault but avalon is right, more than 90 percent of users browses the web with that darn thing, I have to fix it... Thanks, ill keep looking and ill give a glimpse to that site Tyssen... thanx

Got that darn thing! All bymyself! I am my own Idol hahaha tongue.gif never mind, if a mod sees this you can close this thread, or if some one who was checking this out wants me to explain how I manage to do it just post a reply here and ill gladly tell ya...

good luck and good coding...

Notice from BH:
Merging.

 

 

 


Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. margin hr height for ie in css - 35.58 hr back. (1)
  2. css layout no scrollbar - 38.67 hr back. (1)
  3. css layout scroll - 63.09 hr back. (1)
  4. ie css scroll bottom - 82.39 hr back. (1)
  5. trouble scroll opera - 84.08 hr back. (1)
  6. css ie does not margin-bottom - 85.79 hr back. (1)
  7. fix scroll bar at bottom - 85.80 hr back. (1)
  8. scrollbar margin problem layout - 90.27 hr back. (1)
  9. margin-bottom ie - 125.87 hr back. (1)
  10. css bottom scroll - 126.59 hr back. (1)
  11. css margin percent ie firefox - 128.23 hr back. (1)
  12. css bottom scrollbar ie - 132.96 hr back. (1)
  13. how to fix moving content in css scroll - 134.28 hr back. (1)
  14. background bottom ie - 139.39 hr back. (1)
Similar Topics

Keywords : css, layout, trouble, scrollbar, margin, bottom

  1. Css Layout Help
    need help with my layout (8)
  2. Lists, Unordered And Nested
    some layout tricks (2)
    Unordered lists are one of the three list types in (x)html. The others are Ordered Lists and
    Definiton Lists. The w3c page of information about lists is here They all behave the same as
    (x)html elements, but there are some differences between them. Read the Specification page linked
    above to know more that you need to know about them. Only difference between html4 and xhtml is the
    tags must be lower-case and closed for xhtml to be valid. Ordered Lists have numbers preceding
    them. Paste the following code into a file and display it in your Browser to see the eff....
  3. Help Fix My Site's Css/layout Issues
    Thanks for your time (9)
    The first issue has been resolved. Please goto Post #7 to see the current discussion.
    This is in reference to: http://facesofwar.org/cms/ When you load the page up in Firefox it
    works fine. But when you use I.E. it creates a nasty line break after each of the spans containing
    a dividing line. The relevant html is: CODE <span
    class="menuOuter"></span> <span
    class="menuMain">Home    Iraq    Alt.
    Media    Other    Contact</span&....
  4. Basic Css Layout Issue
    Floated Cell with similar height (5)
    Okay say I was building a site (what do you know I am!) and I want to use CSS. the problem
    being I don't know how to make a floated cell be the same height as another. FOr example CODE
    <div id="main"> <div id="left"> just some </br> stuff
    over </br> here! </div> <div id="right"> but...</br>
    over here </br> I have </br> even more stuff</br> to </br>
    display</br> </div> </div> now If I float the left to the left ....
  5. Unordered List Css Layout
    two rows of list and sublist (4)
    I have a layout which i want to do fully in CSS. Im having trouble centering the second list, or
    sublist which comes from the menu. It doesnt work in IE now, just firefox (Actually the page doesnt
    even show on IE, nor Opera, i dont know why). I just want it to appear centered, when im hovering
    the main list, not left aligned... Here's the link, youll understand when you see it...
    http://web.cucea.udg.mx/cucea/graphix/level5/ I also want to fix the background, (i removed the
    background for now) becouse when i hover the sublist items, the background becomes bigge....
  6. Moving Ads With Css Layout On Free Hosting
    CSS help (7)
    Can anyone help me how to move top banner from free host? I hear that can be done with css!....
  7. Css Layout Generator - *free*
    Generate a CSS layout for your site (3)
    pretty powerful css layout generator. /smile.gif' border='0' style='vertical-align:middle'
    alt='smile.gif' /> and it's freely available online.
    http://www.csscreator.com/version2/pagelayout.php QUOTE To create your layout select the
    structural elements your site requires (header, footer, columns). Then specify a size in the field
    provided and choose a background color from the color chooser below. The color chooser changes
    values as you move your mouse along a row. To set a value click on the color row to release click
    again. Once the color in the box is th....
  8. Css How To Use It?
    how do you use it to make a custom layout 4 website? (3)
    how you make a custom layout and what is the coding and stuff?....
  9. Css Files, Get Your Css Files Here! [resolved]
    Want a nice CSS layout? (0)
    Alright, if anybody wants a CSS layout; I'll make one for you! Just tell me what you want
    the background color to be, main font color, and the link colors! Then later in the topic
    I'll post them and I'll post the username of the user that requested next to them so you
    know which one is yours! So if anyone wants a CSS File; Ask Mike! >_>....
  10. Free: Css - Style Sheet Editors And
    CSS Scrollbar Makers (7)
    CSS - Style Sheet Editors : Ranfo Cascading Style Sheet Editor http://ranfo.com/csseditor.htm
    EclipseStyle http://www.greeneclipsesoftware.com/eclipsestyle.htm BHead - Meta Tags & CSS
    Generator http://home5.swipnet.se/~w-52253/hyper/pro...ead/bhsetup.exe CSS Style Generator
    http://www.10002.org/download/CSSStyleGen.zip Balthisar Cascade
    http://www.balthisar.com/site/index.php CSS Scrollbar Makers: Scrollbar Skinner
    http://www.survivorx.com/telechargement/Sc...%20Skinner2.zip ScrollBar
    http://home.hccnet.nl/s.j.francke/software...ollbarsetu....

    1. Looking for css, layout, trouble, scrollbar, margin, bottom

Searching Video's for css, layout, trouble, scrollbar, margin, bottom
advertisement



Css Layout: Trouble With Ie - the scrollbar and margin-bottom



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE