![]() |
|
||||||||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|||||
|
|
#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;
}
|
|
|
|
|
|
#2 |
|
Banned
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,197
|
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. |
|
|
|
|
|
#3 |
|
WLC Member
Join Date: May 2012
Posts: 2
|
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. |
|
|
|
|
|
#4 |
|
Banned
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,197
|
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, |
|
|
|
![]() |
| Thread Tools | |
| Display Modes | |
Linear Mode |
|
|