Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CSS DIV Cross Browser Issues with IE

Featured Replies

Hey there, I have noticed that one of my site designs looks great in FireFox, Chrome, Safari but doesn't quite look right in IE.

 

The floating DIVS are all over the place.

 

Can you take a look and give me some advice on a quick fix? Cheers, jay

Edited by MikeChipshop

If you put the UL for your navigation inside the header div you will probably be on a much easier track to getting it to work across browsers. The way you have it set up now is pretty hackish.

 

For the feature/slideshow try using the full background: property in CSS instead of dividing it up into the longhand properties. Its the "Shorthand Property" found here: http://www.w3schools.com/css/css_background.asp

 

That should put you on the right track for fixing your IE woes.

 

You also really need to ditch the table for the content. What you have in there is NOT tabular data.

 

Your method of getting your rollovers to work on your navigation also causes your page to not validate:

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ck1ibiza.com%2FRoot%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

 

jQuery could make your life a lot easier there.

  • Author

Thanks for the feedback. Managed to adjust the site now. Just a couple of padding/margin css errors showing up in IE. Should I use conditional rules for IE to sort this out?

without rewriting the site, yes. Adjusting the margin in #containerbg will sort out things. (for IE only)

Edited by zed

Thanks for the feedback. Managed to adjust the site now. Just a couple of padding/margin css errors showing up in IE. Should I use conditional rules for IE to sort this out?

 

Make sure you have the full XHTML doctype defined. That should sort out the box model in IE6+ so the only thing you'd be tweaking (assuming things are properly coded) are little font rendering issues (where the font rendering changes the widths/heights of elements, etc.)

  • 2 weeks later...
  • Author

Thanks for the replys guys. Just wondering why I do not have the option to edit my previous posts?

Edited by JaYUK666

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.