Log in

View Full Version : Gay CSS error in IE


Luckyrare
30-04-2006, 08:42 AM
I have made my new site XHTML valid and CSS valid

Okay anyway, in IE there is like a 2px line from the banner and the main text.

Can anyone help?

(View source on page)
craigg.
30-04-2006, 08:46 AM
URL?

- Craig.
Luckyrare
30-04-2006, 09:02 AM
rofl

www.dannymilner.co.uk
craigg.
30-04-2006, 09:09 AM
<body topmargin="0">

But saying that, I don't think that is valid XHTML. IE is so old and dated it never keeps up with powerfull CSS.

- Craig.
Luckyrare
30-04-2006, 09:15 AM
Isnt working x(

Any other ideas guys?
craigg.
30-04-2006, 09:19 AM
OH, sorry. I read the post wrong, I thought you meant the banner from the top. (the top margin) Nevermind.

I'm not sure, have you checked your divs to see if the margins are 0?

- Craig.
Luckyrare
30-04-2006, 09:22 AM
Ta da! Thanks Craig ;)


You must spread some Reputation around before giving it to craigg. again.

I also have a other problem...


#leftpadding {
float: left;
width: 63px;
background-image: url(./images/danny_r2_c2.png);
height: 500px;
}
#rightpadding {
float: right;
width: 63px;
background-image:url(./images/danny_r2_c6.png);
height: 500px;
}

Is there anyway of making it go 100% down to the bottom of the browser? 100% does not work...
craigg.
30-04-2006, 09:23 AM
No problem. ;)

- Craig.
Luckyrare
30-04-2006, 09:25 AM
Just added a problem to the last post, take a look if you wouldnt mind ;)
craigg.
30-04-2006, 09:28 AM
#leftpadding {
float: left;
width: 63px;
background-image: url(./images/danny_r2_c2.png);
height: 500px;
margin-left: 0px;
}
#rightpadding {
float: right;
width: 63px;
background-image:url(./images/danny_r2_c6.png);
height: 500px;
margin-right: 0px;
}

In IE I use;

<body topmargin="0" bottommargin="0">

EDIT , But the bottom margin needs to have so much content before it will have 0 margin.

- Craig.
Luckyrare
30-04-2006, 09:33 AM
Sorry I didnt explain my self well, I ment to say Down to the bottom of the browser... When I use 100% non of the background shows at all...
craigg.
30-04-2006, 09:39 AM
http://www.damosdesigns.com/_1/danny.html

The margins and such like that? Sorry, ill mess around with that other error soon.

- Craig.
Luckyrare
30-04-2006, 09:43 AM
http://www.dannymilner.co.uk/index.php?subaction=showcomments&id=1139064415&archive=&start_from=&ucat=1&

See how if the text goes on for a while the right and left paddings stop (500px) I want to make it 100%

(Ignore the floating text box)
craigg.
30-04-2006, 09:45 AM
Oh! Right.

#leftpadding {
float: left;
width: 63px;
background-image: url(./images/danny_r2_c2.png);
}
#rightpadding {
float: right;
width: 63px;
background-image:url(./images/danny_r2_c6.png);
}

Edit:
Image URL's were wrong

Edit #2
You need to change the "body" too.
#body {
background-color:#2F3032;
}

- Craig.
Luckyrare
30-04-2006, 09:57 AM
Nah that just messes it totaly up, the background doesnt show (the left and right backgrounds)
ADAM:
30-04-2006, 09:59 AM
Hey

Im still learning CSS so im not that good at it.

#leftpadding {
float: left;
width: 63px;
background-image: url(./images/danny_r2_c2.png);
height: 100%;
}
#rightpadding {
float: right;
width: 63px;
background-image:url(./images/danny_r2_c6.png);
height: 100%;
}

Wouldnt it work if they where 100% ?
Luckyrare
30-04-2006, 09:59 AM
Nope I have tryed that oready...
craigg.
30-04-2006, 10:01 AM
Meh, I give up. I would completely re-code it if I wasn't busy. Sorry that I couldn't help as much.

- Craig.
nets
30-04-2006, 10:27 AM
Add this to your images folder:
http://i1.tinypic.com/wtdu2x.gif

Then add this to your CSS:

html body {
background-image: url(tile.gif);
background-repeat: repeat-y;
background-position: center;
}
Luckyrare
30-04-2006, 10:37 AM
YES! Thanks Nets ;)
nets
30-04-2006, 02:23 PM
The layout isn't even, so you'll need to use this.
http://i1.tinypic.com/wtj9ea.gif
Sygon.
30-04-2006, 02:26 PM
The layout isn't even, so you'll need to use this.
http://i1.tinypic.com/wtj9ea.gif

Naughty me =[
Luckyrare
30-04-2006, 03:10 PM
Nets can you post a screen shot of Dannymilner.co.uk, I think theres a error I cant see...
nets
30-04-2006, 03:19 PM
In Internet Explorer? Ok.

Edit (sorry about the edit):

http://i3.tinypic.com/wtu69w.jpg

800X600:

http://i1.tinypic.com/wtu7t5.jpg
Luckyrare
30-04-2006, 05:49 PM
mmmm...

Mine looks perfect in IE and firefox... Unless you resize the text box, what shall I do? If I change the image it will make it so it looks good for some people, crap for others like it is atm.

EDIT: AH I SEE! I SEE WHATS UP X) I was doing it wrong

Okay I think ive fixed, it only dodges up when people resize the browser x)

Want to hide these adverts? Register an account for free!