Web Design Forums

tns123j · 03-09-2004, 11:36

On my PC the a site I designed (mainlinefamilydentistry.com) looks fine...no images overlap or anything. however, when viewed in the same browser(IE) on different PCs,the images overlap the text and everything isnt the way I positioned a little. I read the other posts similar to this aboutr CSS style. It said something about adding <td style="position:relative;">. but I don't have any tables in mine.? Also why would it look different if its the exact same page viewed in the exact same browser at the same display setting? I just wanna fix this ASAP. any help would be greatly appreciated. thanks

Brown · 03-09-2004, 12:39

different verionos of ie? there's 3 you have to consider at the moment.

5, 5.5 and 6. check again (not looked myself sorry - maybe later. too sunny outside).

Brown · 03-09-2004, 12:48

ok, i looked. shouldn't have though.

http://mainlinefamilydentistry.com/ourstaff.htm - overlap on all versions of ie - bottom image of woman and the address goes underneath the image.

i think i know what's going on but i've just suffered a fit from the banner animation (although that was after recovering from the hysterics that set in at the toothpaste tube animated menu).

well done.

adras · 03-09-2004, 13:46

no wonder it is overlapping - you are using absolute positioning and the z-index on the problematic image is set to 7, highest on the page.

try the float property (either left/right) on the text or the photo's div tag.

tns123j · 03-09-2004, 15:37

Brown, what are you saying? You know the problem but arent gonna tell me right now? and are you saying the banner and menu are too much? I don't really like them either but that's what my client wanted?

Adrias I don't know about absolute postitioning or z-index. I also don't know what the float property is? Could you elaborate or point me to a site that will help me? thanks.

adras · 03-09-2004, 15:46

yeah...

css 101 positioning

tns123j · 03-09-2004, 16:07

Quote:

An absolute positioned element is positioned exactly where you say it should be positioned.

Thanks, according to that statement from that tutorial, why would mine be any different?

tns123j · 03-09-2004, 16:29

for the float tag, is this correct and if so where would i put it to effect layer 7 on the Staff page:

layer6 {
float: right;
}

adras · 03-09-2004, 16:48

the float property in your post above, is coded correctly, as where would you put it in you code, I have no clue, and no time to figure this one out for you..

tns123j · 03-09-2004, 17:14

ha, must be real busy

Brown · 06-09-2004, 06:53

no time to sort this for you atm.

try this: http://css.maxdesign.com.au/floatutorial/

you have to learn about wha t your code means, not just botch it together in the beaver.

tns123j · 06-09-2004, 11:07

thanks, i think i fixed it though

03-09-2004, 11:36	#1 (permalink)
tns123j Registered User Join Date: Sep 2004 Posts: 6	Dreamweaver Layers overlap problem On my PC the a site I designed (mainlinefamilydentistry.com) looks fine...no images overlap or anything. however, when viewed in the same browser(IE) on different PCs,the images overlap the text and everything isnt the way I positioned a little. I read the other posts similar to this aboutr CSS style. It said something about adding <td style="position:relative;">. but I don't have any tables in mine.? Also why would it look different if its the exact same page viewed in the exact same browser at the same display setting? I just wanna fix this ASAP. any help would be greatly appreciated. thanks

03-09-2004, 13:46	#4 (permalink)
adras Zły Join Date: May 2004 Location: Toronto, Canada Posts: 1,920	no wonder it is overlapping - you are using absolute positioning and the z-index on the problematic image is set to 7, highest on the page. try the float property (either left/right) on the text or the photo's div tag. __________________ Be Crisp (tm)

03-09-2004, 15:46	#6 (permalink)
adras Zły Join Date: May 2004 Location: Toronto, Canada Posts: 1,920	yeah... css 101 positioning __________________ Be Crisp (tm)

03-09-2004, 16:48	#9 (permalink)
adras Zły Join Date: May 2004 Location: Toronto, Canada Posts: 1,920	the float property in your post above, is coded correctly, as where would you put it in you code, I have no clue, and no time to figure this one out for you.. __________________ Be Crisp (tm)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

03-09-2004, 12:39	#2 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,190	different verionos of ie? there's 3 you have to consider at the moment. 5, 5.5 and 6. check again (not looked myself sorry - maybe later. too sunny outside).

03-09-2004, 12:48	#3 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,190	ok, i looked. shouldn't have though. http://mainlinefamilydentistry.com/ourstaff.htm - overlap on all versions of ie - bottom image of woman and the address goes underneath the image. i think i know what's going on but i've just suffered a fit from the banner animation (although that was after recovering from the hysterics that set in at the toothpaste tube animated menu). well done.

03-09-2004, 15:37	#5 (permalink)
tns123j Registered User Join Date: Sep 2004 Posts: 6	Brown, what are you saying? You know the problem but arent gonna tell me right now? and are you saying the banner and menu are too much? I don't really like them either but that's what my client wanted? Adrias I don't know about absolute postitioning or z-index. I also don't know what the float property is? Could you elaborate or point me to a site that will help me? thanks.

03-09-2004, 16:29	#8 (permalink)
tns123j Registered User Join Date: Sep 2004 Posts: 6	for the float tag, is this correct and if so where would i put it to effect layer 7 on the Staff page: layer6 { float: right; }

03-09-2004, 17:14	#10 (permalink)
tns123j Registered User Join Date: Sep 2004 Posts: 6	ha, must be real busy

06-09-2004, 06:53	#11 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,190	no time to sort this for you atm. try this: http://css.maxdesign.com.au/floatutorial/ you have to learn about wha t your code means, not just botch it together in the beaver.

06-09-2004, 11:07	#12 (permalink)
tns123j Registered User Join Date: Sep 2004 Posts: 6	thanks, i think i fixed it though

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)