WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > Browser Compatibility > Safari positions divs differently

Reply
  Thread Tools Display Modes
Old 22nd May 12, 01:01 PM   #1
gilestodd
WLC Member
 
Join Date: May 2012
Posts: 2
Default Safari positions divs differently

Im new to web design and CSS, got a grasp on it but haven't got the know how to work out why my divs are repositioning by a large ammount of pixels from firefox to safari.

Essentially my footer, a div, a div containing a contact form and two other divs containing two parts of a comments box, input and display, are repostioned by a large ammount when viewed in safari.

Here's the css for each:

Code:
#footer2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-1084px;
	left:0px;
	background-color:#CAE1FF;
	border:1px dashed #551A8B;
	width:960px;
	height:67px;
	z-index:9;
}

#contactWrapper { 
position:relative;
left:-20px;
top:-1260px;
width:300px;
height:420px;
border:1px dashed #551A8B; 
background:#CAE1FF; 
padding:30px; 
font-family:"Trebuchet MS", Helvetica, sans-serif; 
}

#commentarea {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-1295px;
	left:370px;
	height:320px;
	width:200px;
	overflow:auto;
	padding:5px 5px 5px 8px;
	color:#FF8000;
	border-bottom:1px solid #FF8000;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	z-index:11;
}

#commentinput {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:150px;
	min-width:150px;
	top:-740px;
	left:340px;
	width:210px;
	padding:10px 5px 5px 5px;
	z-index:11;
	
}
Any help somone can provide would be greatly appreciated!
gilestodd is offline   Reply With Quote
Old 22nd May 12, 06:27 PM   #2
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,197
Default Re: Safari positions divs differently

I would suggest that learning how to use positioning would be where to start.
You have seemingly already learnt how NOT to use it.

After that redo the whole layout WITHOUT any positioning.
chrishirst is offline   Reply With Quote
Old 23rd May 12, 01:21 PM   #3
gilestodd
WLC Member
 
Join Date: May 2012
Posts: 2
Default Re: Safari positions divs differently

Thanks buddy ill make an attempt to learn how to use it. Sorry, I should have used bold to highlight that im a beginner in web design in my first post.

Sorted it without your help, FOURTUNATELY.
gilestodd is offline   Reply With Quote
Old 23rd May 12, 06:23 PM   #4
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,197
Default Re: Safari positions divs differently

Then as a "beginner" you SHOULD NOT be using positioning AT ALL until you have learnt how to use it correctly.

Because used incorrectly it will simply get you into a complete mess.

And you can mispell and embolden FORTUNATELY as much as you want,
chrishirst is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:16 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyright© 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.