Css Layout: Trouble With Ie

Lozbo

Jan 20 2006, 02:03 AM

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...

Comment/Reply (w/o sign-up)

amhso

Jan 20 2006, 03:50 AM

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.

Comment/Reply (w/o sign-up)

Avalon

Jan 20 2006, 09:29 AM

QUOTE(amhso @ Jan 20 2006, 02:50 PM)

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.

Comment/Reply (w/o sign-up)

Tyssen

Jan 20 2006, 12:50 PM

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

Comment/Reply (w/o sign-up)

Lozbo

Jan 20 2006, 08:57 PM

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

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...

Merging.

Comment/Reply (w/o sign-up)

Similar Topics

Keywords : Css Layout Scrollbar Margin

Css Layout Generator - *free* - Generate a CSS layout for your site (8)
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...

Fixed Centred Layout - Learn how to code that popular Centred/Fixed width layout... (2)

Css Layout Help - need help with my layout (8)

http://billy61.trap17.com/divs/modulemaker.php i am rewriting my layout in divs instead of
tables. the problem i have, is i need the divs with the "L" and "R" in them to extend all the way
down to the bottom of the "content" div. also, what do i need to do to center the entire thing on
the webpage? and it appears as though the top center div extends down into the middle div by
like... maybe 5 px... is this just an illusion or is it really happening? this is the source html
for the page: CODE "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml...

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...

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...

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
Home    Iraq    Alt.
Media    Other    Contact And the relevant css (for
1280 resolutions) is: CODE .menuOuter {     width: 100%;    ...

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
just some stuff over here! but... over here I have even more stuff to display
now If I float the left to the left and the right to the right and set ther widths so that they
will be beside eachother the left div is shorter then the right, which makes sense because there is
more content in the right. I want to know how to make them the same heigh...

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...

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!...

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?...

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! >_>...

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

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

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