Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Mystery gap 1

Status
Not open for further replies.

dmacster

Technical User
Jan 28, 2005
670
US
We're redoing the site at work, and one of the pages - the contact page - has a large gap on the left - kind of small when seen with Safari - but huge when viewed with Firefox.

Here's the link:


Now, the contact page uses the same overall format of the home page - just without a photo. If I leave a photo in, I'm fine - but we don't want that here.

I think I'm getting punchy, but can someone see what I've done wrong?

Thanks,
Donna
 
I was too hasty - setting the width of the maincol to 100% fixed it.

thanks,
Donna
 
My Guess Donna is that its to do with the width setting on your #maincol div ... when the image is placed on the page its obviously stretching the div out to fill its space, but when its removed it isnt stretched.

I'm away from my FTP at the moment so cant test anything for you, but try ammending the width:; attribute in your css. set it to 780px as below, its then the same width as when the image is in place.

Thanks,

Rob

Code:
#maincol{
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
 	width:780px; 
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	font-size: .85em;
	color: #333333;
}

Hope that helps,

Rob
 
lol

damn ... i was too slow.

Well done thought donna,

Rob
 
Great minds think alike and all that Rob!

Thanks for the quick reply, though.

Donna
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top