|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
IE and CSS nightmare
Currently I have a number of items on my page positioned absolutely, and they all line up where they should in all versions of mozilla, safari, konquerer, and a few other browsrers, but when it comes to IE mangles the placement of one of the blocks of text i have. Any suggestions as to how to get around this?
|
|
#2
|
||||
|
||||
|
Which version of IE? IE5.x is known to have a broken box model.
|
|
#3
|
|||
|
|||
|
6.0
|
|
#4
|
||||
|
||||
|
Well, without a link or some code there's no way for us to help you.
|
|
#5
|
|||
|
|||
|
the style sheet looks like this:
<style type="text/css"> html {margin: 0; padding: 0;} body {font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: rgb(200, 200, 200) ; color: black;} h1 {font-size: 200%; text-transform: lowercase; letter-spacing: 5px;} h3 {font-size: 133%; margin: 0; padding: 0; border-bottom: 1px solid black;} h4 {font-size: 100%; margin: 0; padding: 0.33em 0 0; border-bottom: 1px solid black; color: black;} p {line-height: 1.68;} div#menu {border: 2px solid black; position: absolute; top: 25px; left: 10px; z-index: 100; width: 160px; background: white;} div#pic2 {position: absolute; top: 30px; left: 335px; z-index: 10;} div#run {position: absolute; top: 08px; left: 285px; z-index: 11;} div#map {border: 2px solid black; position: absolute; top: 25px; left: 205px; width: 160px; background: white; z-index: 100;} div#map a {display: block; padding: 2px 0 2px 10px; margin: 0; border-left: 5px solid rgb(128, 128, 128);} div#map a:hover {background: rgb(184, 184, 184);} div#news {border: 2px solid black; margin: 0; padding: 0; width: 75%; position: absolute; top: 110px; left: 198px; z-index: 90; background: white;} div#pic {border-left: 3px; position: absolute; top: 125px; left: 130px; z-index: 10;} div#bcg {position: absolute; top: 0; left: 0; z-index: 0;} div#register {position: absolute; top: 170px; left: 0; z-index: 100; border: 2px solid black; background: white; width: 160;} div#corner {position: absolute; top: 30px; left: 121px; z-index: 10;} div#logo {position: absolute; top: 45px; right: 30px; z-index: 100} div#adminLinks {position: absolute; top: 93px; left: 400px; z-index: 100} </style> and then you can see the page at http://141.158.44.132:90/root2/ |
|
#6
|
||||
|
||||
|
That's some wacky code. I've never seen anybody use multiple <html> and <head> tags throughout a page, but hey, it's working in the other browsers right? This might be your problem though so I'd go back to basic, proper syntax:
Code:
<html> <head> <title></title> <style></style> </head> <body> </body> </html> |
|
#7
|
|||
|
|||
|
hrmm i think i accidently included php files with extra html tags, i'll try fixing that and see what occurs
|
|
#8
|
|||
|
|||
|
stripped the tags, no dice.
|
|
#9
|
|||
|
|||
|
ERM...?
Hi pschmerg
I though your problem was a bit intriguing so I had a quick look at your site using IE 6.0... Only problem was I couldn't see which bit of text was not appearing correctly... It may be that I need coffee or I'm just blind... could you point out the text that is causing problems? ta, Dan
__________________
DELETE FROM pay WHERE employee_name ='Dan'; |
|
#10
|
|||
|
|||
|
ie 6.0 here... page looks good...
|
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > IE and CSS nightmare |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|