CSS help please

sarah31 · 03-03-2005, 09:32 AM

Hello,

This is the url to my website. It currently displays just fine in Firefox and some other Browsers but the formatting is all bunged up in IE. I haven't been able to find a compromise that allows it to display properly in all popular browsers. If I change it to comply with IE it doesn't swim with Firefox or Safari. I have also had some problems with it displaying properly in Opera.

http://www.sarah31.ca

the css is here:

http://www.sarah31.ca/templates/sarah31c.css

Everything went all screwy when I added the graphic in the title bar (which I can easily drop but i would rather keep it).

sde · 03-03-2005, 09:51 AM

hi sarah,

have you tried just putting an image tag in your div tag? rather than trying to setup the image in the css?

HTML Code:

<div id="Header"><img src="../images/Sable1.jpg"></div>

i try to stay away from such heavy css for this exact reason.

sarah31 · 03-03-2005, 09:57 AM

Yeah actually i did but for some odd reason it would not display within the title borders but outside them

sarah31 · 03-03-2005, 10:06 AM

I may just go back to the regular text format as everything displayed just fine with it.

sarah31 · 03-03-2005, 12:07 PM

pftt. with the image there or not it doesn't display properly anymore at all. I used to have no problems with IE. Now it is all bollocksed up.

I wish IE wiould just go to hell. It is such a useless piece of code >

Sorry I hate trying to taylor for it now.

sde · 03-03-2005, 12:21 PM

why not just use tables for now?

HTML Code:

<html>
<body>
<center><img src=logo.img></center>

<table width=100% height=100% border=0 cellspacing=1 cellpadding=5>
<tr>
  <td width=125 valign=top>Left Side</td>
  <td valign=top>Content</td>
  <td width=125 valign=top>Right Side</td>
</tr>
</table>

</body>
</html>

you can always assign styles to the td cells, .. or put div's inside the cells if you want to re-use some of your existing css.

idx · 03-03-2005, 04:20 PM

Quote:

..but the formatting is all bunged up in IE.
Now it is all bollocksed up.

Man, this thread is great for the terminology. I gotta start working in bollocksed at work.

(sorry, I suck at css.)

BTW, the page looks fine in IE for me. (not sure if you've changed anything yet) The top `prarie sable` graphic looks the same in FF 1.1 and IE 6.0.2600.0000 .

-r

geek · 03-03-2005, 05:55 PM

the page loads fine for me.. i use Maxthon/MyIE2 <IE shell> the image doesnt go all the way acrossed the header, but every seems to be in place..

sarah31 · 03-03-2005, 06:31 PM

Quote:

Originally Posted by idx

Man, this thread is great for the terminology. I gotta start working in bollocksed at work.

(sorry, I suck at css.)

BTW, the page looks fine in IE for me. (not sure if you've changed anything yet) The top `prarie sable` graphic looks the same in FF 1.1 and IE 6.0.2600.0000 .

-r

Yeah I found a relatively satisfactory solution. the center content box does not align perfectly in either FF or IE but it is at least the graphic is ok. Unfortunately it now Does not display properly in Opera but I am working on that.

Geek,

Yeah the image doe snot go l the way across I may get the designer to extend it as the css should take care of altering it as the size is changed of a browser window.

I appreciate the feedback.

sde,

I could switch to a table but I don't want to piss around alot with the static templates for the site.