Div problems, in IE |
Div problems, in IE |
Oct 18 2008, 01:27 PM
Post
#1
|
|
![]() Sex, Blood, & RocknRoll ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: People Staff Posts: 5,305 Joined: Nov 2007 Member No: 596,480 |
So in FF, for me at least, everything looks fine. In IE though the content area has scroll bars even though there set to auto px.
CODE <style> .bl {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i36.tinypic.com/11maixs.png"); background-repeat:no-repeat; background-position:top left; } .bl:hover {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i35.tinypic.com/hsj8cw.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style> .go {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i36.tinypic.com/52z78i.jpg"); background-repeat:no-repeat; background-position:top left; } .go:hover {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i33.tinypic.com/2ro6h6t.jpg"); background-repeat:no-repeat; background-position:bottom left;} </style> <style> .add {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i33.tinypic.com/148q91w.png"); background-repeat:no-repeat; background-position:top left; } .add:hover {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i38.tinypic.com/2iayc0k.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style> .comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .redtext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;} JB{The Main: comment div;} .comt {width:450px; height:autopx; overflow:auto; background-color:transparent; border:0px solid; border-color:black; position:absolute; top:360px; left:50%; margin-left:60px; } JB {Timestamp: width;} .blacktext10 {width: 320px;} JB{all text in comments} .comt td td td, .comt td td td b {color:fff!important; font-family:arial; font-size:7pt; font-weight: normal; text-transform:none; letter-spacing: 0px;} JB{adds comment spacer line} .blacktext10{border-bottom:1px solid; border-color:white;} JB{Add Comment link (all links)} .comt td a {color:00b1b0!important; font-family:arial!important; font-size:7pt!important; font-weight: normal; text-transform:none; letter-spacing: 0px;} .comt td a:hover {color:00d5d2!important; font-family:arial!important; font-size:7pt!important; font-weight: normal; text-transform:none; letter-spacing: 0px;} JB{hides: comment timestamp} .blacktext10{color:ee2b74!important; font-family:arial; font-size:7pt; font-weight: normal; text-transform:none; letter-spacing: 0px;} JB{hides: friend name links} .comt td td td a{color:00b1b0!important; font-family:arial!important; font-size:7pt!important; font-weight: normal; text-transform:none; letter-spacing: 0px;} JB{hides: the Add Comment link} .comt td a{color:00b1b0!important; font-family:arial!important; font-size:7pt!important; font-weight: normal; text-transform:none; letter-spacing: 0px;} JB{hides: Displaying XX of XX comments(View/Edit All Comments)} .comt td b{color:fcff00!important; font-family:arial!important; font-size:7pt!important; font-weight: normal; text-transform:none; letter-spacing: 0px;} JB{resizes: online now image} .comt td td td .ImgOnlineNow {width:80px!important;} </style> <style> blockquote{background-color: 404040; padding: 10px; width: 380px; margin-left: 7px; line-height: 13px; _margin-left: 17px; } a {color:ee2b74 !important; font-family:arial!important; font-size:9pt!important; letter-spacing: 0px!important; font-weight: normal!important; } a:hover {color:ee73a1 !important; font-family:arial!important; font-size:9pt!important; letter-spacing: 0px; text-decoration:none!important;} img {border:0px;} h4 {color:353232!important; font-family:georgia; font-size:19pt; letter-spacing:0px; text-transform:none; line-height:0px; text-align:left; border-bottom: 0px dotted; border-color:763b3b; font-weight:normal; margin-bottom:10px;} h4:first-letter {font-size:24pt;} h5 {color:fff!important; font-family:arial; font-size:10pt; letter-spacing:5px; text-transform:none; line-height:4px; text-align:left; border-bottom: 0px dotted; border-color:763b3b; font-weight:normal; margin-bottom:10px;} h1 {color:ee2b74!important; font-family:georgia; font-size:13pt; letter-spacing:0px; text-transform:none; line-height:15px; text-align:left; border-bottom: 0px dotted; border-color:763b3b; font-weight:normal; margin-bottom:10px;} h1:first-letter {font-size:18pt;} h2 {color:ffee00!important; font-family:georgia; font-size:13pt; letter-spacing:5px; text-transform:none; line-height:15px; text-align:center; border-bottom: 0px dotted; border-color:763b3b; font-weight:normal; margin-bottom:10px;} h2:first-letter {font-size:18pt;} h3 {color:00b1b0!important; font-family:georgia; font-size:13pt; letter-spacing:9px; text-transform:none; line-height:15px; text-align:right; border-bottom: 0px dotted; border-color:763b3b; font-weight:normal; margin-bottom:10px;} h3:first-letter {font-size:18pt;} U { border-bottom: 1px solid; border-bottom-color: ffee00; } I { font-family: arial; letter-spacing: 1px; font-size:13px;} S { font-style: strike; } B { font-family:arial; font-size:12px; color:00b1b0; letter-spacing: -1px; font-weight:none; border:0px; text-transform: none; } .aboutme1{ color:fff!important; font-family:arial; font-size:8pt; font-weight: normal; text-transform:none; letter-spacing: 0px; text-align:justify;} </style> </style> <style>body{cursor:Crosshair}</style> <style>a:hover{cursor:Help}</style> <style> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important; }div table div, table table div { display:block!important; padding:0; }table, tr, td { background:none; border:none; }.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }.clearfix { position:relative; top:-30px; width:728px; }.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }.clearfix .clearfix div { margin:45px 0 0; }.clearfix .clearfix div div { margin:auto; }.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;} </style> <style> div {filter:chroma(color= purple); scrollbar-arrow-color: black; scrollbar-face-color: purple; scrollbar-3dlight-color: purple; scrollbar-darkshadow-color: purple; scrollbar-highlight-color: purple; scrollbar-shadow-color: purple; scrollbar-track-color: purple; base-color: purple; } </style> <style> body{overflow-x:hidden} body{background-color:2b2b2b;background-image:url(http://i33.tinypic.com/x2je2v.png); scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white;} </style> <div class="cocaine" style="position: absolute; left:0px; top:90px; width:autopx; height:autopx; overflow: hidden;"> <img src="http://i37.tinypic.com/elbtrm.png" /> </div> <style> object {position:absolute; height:45px; width:45px;} object {top:0px; left:49%; margin-left:-400px;} object {_top:0%; _margin-top:-382px; _margin-left:-169px;} td td td object {position:static; margin:auto;} </style> 2nd code CODE <div class="aboutme1" style="position: absolute; left:400px; top:120px; width:410px; height:autopx; overflow: auto;"><br /><br /> <h4>Say good bye to light</h4> <h5>bcause it's gone today</h5> </div> <div class="aboutme1" style="position: absolute; left:100px; top:340px; width:410px; height:autopx; overflow: auto;"> <h1>Header 1</h1> <u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a> <br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <h2> Header 2</h2> <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. </blockquote> <br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. <h3>Header 3</h3> <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. </blockquote> </div> <div class="aboutme1" style="position: absolute; left:809px; top:257px; width:autopx; height:autopx; overflow: auto;"> <a href="URL HERE" class="bl"></a> </div> <div class="aboutme1" style="position: absolute; left:10px; top:127px; width:autopx; height:autopx; overflow: auto;"> <a href="URL HERE" class="add"></a> </div> <div class="aboutme1" style="position: absolute; left:50px; top:300px; width:autopx; height:autopx; overflow: auto;"> <a href="URL HERE" class="go"></a> </div> </td></tr></table></td></tr></table> <div class="comt"><table class="off"><tr><td><table><tr><td> layout ...I need them to not be like that. |
|
|
|
![]() |
Oct 18 2008, 04:26 PM
Post
#2
|
|
![]() Sex, Blood, & RocknRoll ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: People Staff Posts: 5,305 Joined: Nov 2007 Member No: 596,480 |
everything aliened right now?
|
|
|
|
Drama Div problems Oct 18 2008, 01:27 PM
fixtatik overflow:auto; was showing scroll bars in IE becau... Oct 18 2008, 02:13 PM
fixtatik click to enlarge
i haven't looked through your... Oct 18 2008, 06:47 PM
Anarchy Replace your About Me codes with this:
CODE<st... Oct 18 2008, 06:50 PM
Drama Thank you so much, I see what I was doing wrong no... Oct 18 2008, 10:32 PM
Anarchy No problem. It looks good so I'm sure it'l... Oct 18 2008, 10:34 PM![]() ![]() |