[WSG] centering rigid content
okay so we got the nav bar settled now i am trying to clean it all up and send it live. http://www.desertstandard.net/yv2/index.php i found holly and big johns article on Source Ordered Columns and liked the ridged example near the bottom: http://www.positioniseverything.net/ordered-floats.html So I implemented that and now it seems to be centered and floating, but its not clearing the header and nav div's at the top of the page in Safari. I have no idea what its doing in IE6 (if anyone wants to tell me you can spare the gory details =) ). So what is the deal here? I have put clear:both; in both of the upper div's, is this the wrong thing? As always all comments are appreciated. Roger * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] centering rigid content
Hi Roger. This is a screenshot of how your site looks in Opera 7. Addy: http://www.lc55.co.uk/test/ss1.jpg Perhaps you would be kind enough to give me some feedback on how my own test design looks, in whatever browsers are available to you. Addy: http://www.lc55.co.uk/test/index.html Apologies everyone, for the cross posting within this message. Regards, JG --- [EMAIL PROTECTED] wrote: okay so we got the nav bar settled now i am trying to clean it all up and send it live. http://www.desertstandard.net/yv2/index.php i found holly and big johns article on Source Ordered Columns and liked the ridged example near the bottom: http://www.positioniseverything.net/ordered-floats.html So I implemented that and now it seems to be centered and floating, but its not clearing the header and nav div's at the top of the page in Safari. I have no idea what its doing in IE6 (if anyone wants to tell me you can spare the gory details =) ). So what is the deal here? I have put clear:both; in both of the upper div's, is this the wrong thing? As always all comments are appreciated. Roger * The discussion list for http://webstandardsgroup.org/ * _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] centering rigid content
IE 6 is showing the same as Safari, thanks for the screen shot. hmmm... I have tried making the centerctr DIV position absolutely with 140px to the top but that hasn't helped it either. the big thing I have to maintain is the transparent BG so that the sun image is always viewable. this seems to be a one step forward eight steps back wards process. Original Message Subject: Re: [WSG] centering rigid content From: JLE Consulting [EMAIL PROTECTED] Date: Sun, February 15, 2004 2:04 am To: [EMAIL PROTECTED] Hi, my first post on this wonderful list - I am learning so much by following these posts =here is a screen shot from IE 6.028 on a PC-running Windows XP- and it is just a bit all over the place. Cannot offer a solution - cause I am rank novice - but I sure would like to see a solution posted - aids in my learning curve too. cheers Lynne - Original Message - From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Sunday, February 15, 2004 6:21 PM Subject: [WSG] centering rigid content okay so we got the nav bar settled now i am trying to clean it all up and send it live. http://www.desertstandard.net/yv2/index.php i found holly and big johns article on Source Ordered Columns and liked the ridged example near the bottom: http://www.positioniseverything.net/ordered-floats.html So I implemented that and now it seems to be centered and floating, but its not clearing the header and nav div's at the top of the page in Safari. I have no idea what its doing in IE6 (if anyone wants to tell me you can spare the gory details =) ). So what is the deal here? I have put clear:both; in both of the upper div's, is this the wrong thing? As always all comments are appreciated. Roger * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] centering rigid content
alright i removed the clear: both; from the hdr and now have it in nav and centerctr and that didnt fix it. I tried it in only nav and then in only center ctr and that didnt solve it either. uggghhh. deep breathing and everything is sunny out. I am going to the pool for a bit. Original Message Subject: RE: [WSG] centering rigid content From: Mark [EMAIL PROTECTED] Date: Sun, February 15, 2004 2:57 am To: [EMAIL PROTECTED] Hi Roger The problem you describe is happening in FireFox too. The centerctr div is not being cleared - add clear:both; to that rule and see how it looks. I think the misunderstanding here is where clears take place. The clear instruction means disregard any *previous* floats. So having clear:both; on the header nav isn't going to do much (maybe needs to stay on nav). I haven't tested this but that is my first guess. JG: You site looks just fine in FireFox - I can't see any problems. Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] centering rigid content
alright i didnt make the pool but i tried this: made a new div called outer and positioned it absolute with top 140px and width 100%. wrapped that around everything and it makes the content work, for the most part, in safari. so now that I have .04% of the market working can someone look at this in IE6 and tell me how FUBARed it is? www.desertstandard.net/yv2/ cheers roger Original Message Subject: RE: [WSG] centering rigid content From: [EMAIL PROTECTED] Date: Sun, February 15, 2004 9:03 am To: [EMAIL PROTECTED] alright i removed the clear: both; from the hdr and now have it in nav and centerctr and that didnt fix it. I tried it in only nav and then in only center ctr and that didnt solve it either. uggghhh. deep breathing and everything is sunny out. I am going to the pool for a bit. Original Message Subject: RE: [WSG] centering rigid content From: Mark [EMAIL PROTECTED] Date: Sun, February 15, 2004 2:57 am To: [EMAIL PROTECTED] Hi Roger The problem you describe is happening in FireFox too. The centerctr div is not being cleared - add clear:both; to that rule and see how it looks. I think the misunderstanding here is where clears take place. The clear instruction means disregard any *previous* floats. So having clear:both; on the header nav isn't going to do much (maybe needs to stay on nav). I haven't tested this but that is my first guess. JG: You site looks just fine in FireFox - I can't see any problems. Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] centering rigid content
thanks jg i have tried another approach using this example: http://www.pixy.cz/blogg/clanky/css-3col-layout/ have a look: www.desertstandard.net/yv3/ I am happy with it for the most part. Need to do some tweaking with the tables on schedule.php page and the header images isn't floating properly. i have not checked it in IE however so I am a little anxious to see how that goes. I think that the absolute positioning in the last one was causing the problems. anyone care to comment on how position declarations could cause so much trouble? it just seems that the system works against itself so much. thanks again. Original Message Subject: RE: [WSG] centering rigid content From: LC 55 [EMAIL PROTECTED] Date: Sun, February 15, 2004 11:22 am To: [EMAIL PROTECTED] Screenshot from Opera 7 @ http://lc55.co.uk/test/yv.jpg Sorry Roger, but the search box seems to run into the footer links. I honestly believe there was a posting connected to the same problem someone else had within the last 14 days. Check the archives of the WSG to find it. Sorry I can't be of more help. Regards, JG --- [EMAIL PROTECTED] wrote: alright i didnt make the pool but i tried this: made a new div called outer and positioned it absolute with top 140px and width 100%. wrapped that around everything and it makes the content work, for the most part, in safari. so now that I have .04% of the market working can someone look at this in IE6 and tell me how FUBARed it is? www.desertstandard.net/yv2/ cheers roger Original Message Subject: RE: [WSG] centering rigid content From: [EMAIL PROTECTED] Date: Sun, February 15, 2004 9:03 am To: [EMAIL PROTECTED] alright i removed the clear: both; from the hdr and now have it in nav and centerctr and that didnt fix it. I tried it in only nav and then in only center ctr and that didnt solve it either. uggghhh. deep breathing and everything is sunny out. I am going to the pool for a bit. Original Message Subject: RE: [WSG] centering rigid content From: Mark [EMAIL PROTECTED] Date: Sun, February 15, 2004 2:57 am To: [EMAIL PROTECTED] Hi Roger The problem you describe is happening in FireFox too. The centerctr div is not being cleared - add clear:both; to that rule and see how it looks. I think the misunderstanding here is where clears take place. The clear instruction means disregard any *previous* floats. So having clear:both; on the header nav isn't going to do much (maybe needs to stay on nav). I haven't tested this but that is my first guess. JG: You site looks just fine in FireFox - I can't see any problems. Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] centering rigid content
thanks, i have done a few mods. Please have a look and let me know what you think. The site goes live tomorrow. There are still a few areas under construction. I have not been able to talk them out of the pop up windows for the teacher bios. thanks again. by the way i realize that i am borrowing heavily from what others have given, what is the proper way of giving credit? roger Original Message Subject: Re: [WSG] centering rigid content From: JLE Consulting [EMAIL PROTECTED] Date: Sun, February 15, 2004 5:40 pm To: [EMAIL PROTECTED] re pixy.cz approach -here tis in IE - looking good!! cheers Lynne - Original Message - From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Monday, February 16, 2004 7:18 AM Subject: RE: [WSG] centering rigid content thanks jg i have tried another approach using this example: http://www.pixy.cz/blogg/clanky/css-3col-layout/ have a look: www.desertstandard.net/yv3/ I am happy with it for the most part. Need to do some tweaking with the tables on schedule.php page and the header images isn't floating properly. i have not checked it in IE however so I am a little anxious to see how that goes. I think that the absolute positioning in the last one was causing the problems. anyone care to comment on how position declarations could cause so much trouble? it just seems that the system works against itself so much. thanks again. Original Message Subject: RE: [WSG] centering rigid content From: LC 55 [EMAIL PROTECTED] Date: Sun, February 15, 2004 11:22 am To: [EMAIL PROTECTED] Screenshot from Opera 7 @ http://lc55.co.uk/test/yv.jpg Sorry Roger, but the search box seems to run into the footer links. I honestly believe there was a posting connected to the same problem someone else had within the last 14 days. Check the archives of the WSG to find it. Sorry I can't be of more help. Regards, JG --- [EMAIL PROTECTED] wrote: alright i didnt make the pool but i tried this: made a new div called outer and positioned it absolute with top 140px and width 100%. wrapped that around everything and it makes the content work, for the most part, in safari. so now that I have .04% of the market working can someone look at this in IE6 and tell me how FUBARed it is? www.desertstandard.net/yv2/ cheers roger Original Message Subject: RE: [WSG] centering rigid content From: [EMAIL PROTECTED] Date: Sun, February 15, 2004 9:03 am To: [EMAIL PROTECTED] alright i removed the clear: both; from the hdr and now have it in nav and centerctr and that didnt fix it. I tried it in only nav and then in only center ctr and that didnt solve it either. uggghhh. deep breathing and everything is sunny out. I am going to the pool for a bit. Original Message Subject: RE: [WSG] centering rigid content From: Mark [EMAIL PROTECTED] Date: Sun, February 15, 2004 2:57 am To: [EMAIL PROTECTED] Hi Roger The problem you describe is happening in FireFox too. The centerctr div is not being cleared - add clear:both; to that rule and see how it looks. I think the misunderstanding here is where clears take place. The clear instruction means disregard any *previous* floats. So having clear:both; on the header nav isn't going to do much (maybe needs to stay on nav). I haven't tested this but that is my first guess. JG: You site looks just fine in FireFox - I can't see any problems. Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http