Hi all,

I have been trying to days now to get this website completed ... however, when viewing it in IE (compatibility mode) the header is all messed up. :(

The website is here: http://nageela.einfal.com/

This is actually the first design I've converted into a Wordpress theme, so it's been very challenging.

If anyone has any suggestions, I'd really appreciate it, I've grown so very frustrated with this! I'm not an IE user myself, though the client is it seems.

Thanks, Jennifer

3 answers

1
point

The div floatLeft needs to be positioned absolute (try adding just position: absolute), the div photo seems to mess it up to. When I reposition the floatLeft div and remove the photo div it all works better.

I guess this means that the photo div needs to be absolutely positioned.

I'm working on a solution for the gap between bed no 1 and bed no 2 (why are they named the same anyway?).

Answered over 7 years ago by Jens Hedqvist
  • Honestly, I had no idea that I had a bed 1 and bed 2? I've found the 'Wordpress theming' very challenging, and find viewing the source code (via the browser) crazy, I can't believe the lines added due to plug-ins and such. By the way, thank you so much for taking the time to help me out, I really appreciate it ~` Jennifer over 7 years ago
1
point

Thank you for your time! It seems to be ok now :) Between yourself and somebody at stackflow all is fixed! You guys are great, thank you. :)

Answered over 7 years ago by Jennifer
0
points

Thanks so much for that ... it did change quite a bit! I'll obviously have to redo the photo div, but its better then giving up on it altogether! I've been getting pretty discouraged with this one.

Answered over 7 years ago by Jennifer
  • It can be a hassle when mixing floats and positioned elements. Try to refine your header markup to use more positioning. Are you using IE Developer Toolbar for IE7 to debug? Jens Hedqvist over 7 years ago