navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Another IE related problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Another IE related problem
Page: [1]
 
chobo321321

 

Posts: 66
Joined: 6/5/2004
Status: offline

 
Another IE related problem - 6/6/2004 1:49:56   
With this next problem I'm not sure if IE is right, or the other browsers are just being nice. I'll try, and explain this as clearly I can (it is a bit weird). I have 3 main divs (ignore the logo, and footer). The first div holds the other 2 divs, I call it the "container" div. The next div is the "menu" div which holds the menu, and the third div is the "content" div which holds everything to the right of the menu.

My first div (container div) has a background image which is a sad attempt at a chainlink. This chainlink image expands to the height of the "content" div, so when there is a lot of content, and it exceeds the height of my menu it will keep going down (click on "empty" link in menu to see how it works). The problem is if my "menu" div is larger then my "content" div IE shows the background across the screen, as shown in the link below.

http://206.116.224.94:447/exp2/winxp-menu.asp

Firefox, netscape, and mozilla do not display the background across.

Just load the link up with IE, and then another type of browser to compare.

The result I am looking for is how non-IE browsers are displaying it, but I'm not sure if thats really hows supposed to be displayed, or maybe it's just another stupid problem related to IE. If anyone has any suggestions I'm all ears., any help is appreciated. Thanks.

< Message edited by chobo321321 -- 6/6/2004 1:54:00 >
Giomanach

 

Posts: 6128
Joined: 11/19/2003
From: England
Status: offline

 
RE: Another IE related problem - 6/6/2004 3:36:21   
Both look fine here. Try clearing out the cache on you PC and try again

Dan

_____________________________




(in reply to chobo321321)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Another IE related problem - 6/6/2004 4:54:20   
chobo321321

Hi and welcome to outfront.

I have the page loaded in Mozilla right now and the background is not displaying for me.
I'm not sure what the problem is though. If someone doesn't give you an answer, I'll try to see if I can find it on a search for it.

Have you vallidated your html/xhtml and css? Sometimes it is just a matter of something that isn't done in the css correctly. Like a ; left out etc...

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to chobo321321)
chobo321321

 

Posts: 66
Joined: 6/5/2004
Status: offline

 
RE: Another IE related problem - 6/6/2004 21:02:39   
I cleaned out my IE cache, cookies, and everything else, and the background (chainbackground) still displays across the page. The way I want it to look is how Firefox, netscape, etc display it, by covering up that chain background under the winxp menu box (content div).

If you load it up in IE you will see how that chainlink background goes across the bottom of the "content" div, whereas other browsers do not have that displaying. I'm sorry if it's confusing, but it's kinda hard to explain. My best advice is to load up the link with IE 6, and then compare it to some other browser (netscape, firefox, mozilla). Thanks for the help, and support :)

I forgot to mention that I validated my xhtml, and all css files, and there were no errors in them.

< Message edited by chobo321321 -- 6/6/2004 22:18:43 >

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Another IE related problem - 6/7/2004 2:28:11   
Hi, I looked at your code and you have margin right auto. It could be that because the content does not extend down on the first page that the margin is setting itself as the far right of the page. Try giving the margin right as the width of the image and see what happens.

To test it out, you could always give your content div a pixel height. figure out the pixels on one of the other pages and then do this for the one that has the image going across the page. This would let you see that it appears to be a margin thing right now. I hope I am making sense

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to chobo321321)
Giomanach

 

Posts: 6128
Joined: 11/19/2003
From: England
Status: offline

 
RE: Another IE related problem - 6/7/2004 14:49:33   
I agree with the margin: auto; etc, but I also think it's due to the background:

#container {
background: url("chainbackground.jpg");
width: 770px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

One, you're not supposed to use quotation marks unless it's more than one word. Two, You haven't set the repeat, whether its horizontal, vertical, or not at all.

You may also need to set a height.

Dan

_____________________________




(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Another IE related problem - 6/7/2004 15:46:47   
Hi here is a link for you to check out, it just might be what you are looking for,
http://www.style-sheets.com/tutorials/color-background/index.asp#background-position

This is the correct usage of the background

background: url(chainbackground.jpg);

< Message edited by c1sissy -- 6/7/2004 15:48:21 >


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to chobo321321)
Giomanach

 

Posts: 6128
Joined: 11/19/2003
From: England
Status: offline

 
RE: Another IE related problem - 6/7/2004 15:49:15   
quote:

you don't use the " " on the background url even if it is two words.

Oh yeah DUH!!!, that's what %20 is for, to get rid of the spaces. I blame it on the hot weather we're having, way too warm, and my brain over heats easy:):)

_____________________________




(in reply to c1sissy)
chobo321321

 

Posts: 66
Joined: 6/5/2004
Status: offline

 
RE: Another IE related problem - 6/7/2004 16:48:34   
I changed my code to the following, and it has fixed the problem.

#container {
background: url("chainbackground.jpg");
background-repeat: repeat-y;
width: 770px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

I just want to say thanks again for all the great help, and support. I have been to other forums, and it usually takes ages to get a good decent response.

(in reply to chobo321321)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Another IE related problem - 6/7/2004 16:51:01   
Happy that we could help you out. If you have any other problems please don't hesitate to come back!

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to chobo321321)
J-man

 

Posts: 936
From: Canada
Status: offline

 
RE: Another IE related problem - 6/8/2004 13:40:26   
:p

< Message edited by J-man -- 6/8/2004 13:45:17 >

(in reply to chobo321321)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Another IE related problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts