Forums

CSS problem IE vs FireFox and Chrome

Permalink
Hi
I am new to Concrete and just made my first layout and is very happy with it all except that when I opened it in FireFox and Chrome it looks very different.
This is not a problem with Concrete but with my CSS, but I do hope some one can give me a helping hand anyhow.

The demo is here:
www.www.smsworking.dk/concrete/...

Cheers
Jens Peter
jenspeter
 
chartan replied on at Permalink Reply
chartan
You used a lot of floats here! Not bad but it makes the debugging a little bit difficult ;-)
It seems adding the following corrections does it (only tested in Safari):

#content {
    margin-left: auto;
    margin-right: auto;
}
#colTwo {
    margin-left: 330px;
}


I haven't tested/debugged it in FF and maybe the code above will also break IE. So you probably have to "reset" the code above for IE/Win.

Chris
chartan replied on at Permalink Reply
chartan
Oops, of course only the css code (the php tags have been inserted automatically here.
jenspeter replied on at Permalink Reply
jenspeter
Hi Chartan
Thank you so much.
I have inserted the fix and now it almost show correctly in FF and Chrome but not fully:
My CITE float is not placing the flower on to the left of the text and there is a small margin abowe the head.

And in IE it turn the page 330px to the right so that it now looks wrong in that.

I have kept the site with the error online witht this code in case some one have ideas to fix it.

Thanks
Jens Peter
chartan replied on at Permalink Reply
chartan
To "reset" IE you can try add some more code:

* html #colTwo {
margin-left: auto;
}

*+html #colTwo {
margin-left: auto;
}

or margin-left: 0

Try it.

Of course the better way to fix IE would be to create special stylesheet files for each version and load them by IE Comments in the header, as described here:

http://www.quirksmode.org/css/condcom.html...
jenspeter replied on at Permalink Reply
jenspeter
Hey.. you are good !!!
The second option +html did the trick of moving the content to the center and now it is that in both IE, FF and Chrome.

If not too much to ask for.. or maybe an idea where to start looking... as the picture that is also made as a float, do not go into place in FF and Chrome - it does in IE.
I have tried many different options but none seem to do the trick and I am not sure where to search as the Blockquote works perfect in all browsers but not the same setting when I use Cite.

I cannot add a new as that will be deleted in the Edit of Concrete... it will not show up in the drop-down of TinyMCE and if I add anything else it is simply deleted when I save the page.

Thanks in advance.

I already owe you a beer.
Jens Peter
jenspeter replied on at Permalink Reply
jenspeter
and I have been playing around and suddenly I realize that it was just on the front page that I had this problem.
So I found a solution ... seems that there was a p-tag on both side of the cite-tag and this was why it didnt reacted correct in Chrome and FF.

Now I only have a problem witht he sub-menu :-)

Cheers
jens peter