![]() |
|
||||||||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|||||
|
|
#1 |
|
WLC Member
Join Date: May 2012
Posts: 2
|
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;
}
|
|
|
|
| Thread Tools | |
| Display Modes | |
Threaded Mode |
|
|