Log In · Register

 
IE alignment issues, and some other minor things.
venti-anemoi
post Apr 25 2008, 11:15 PM
Post #1


torn
*****

Group: Official Designer
Posts: 953
Joined: Oct 2004
Member No: 55,718



I'm not sure if this is the right forum to post this, so please tell me if it isn't.

So I made myself a new layout, and it looks fine in FF, but when I look at it in IE, the right-hand column is pushed down. It doesn't start till after the main body. I tried using this but it doesn't seem to work.

So, I was wondering: does anyone know a way to change it without messing it up in FF? Any and all help would be greatly appreciated

Also, I can't seem to find the div class that allows me to change the font size and color of the line in the comments that says "By [username] on [date] [time] [history]."

And if anyone knows the script to change the page title, I'll love you forever. :D The one I normally use for xanga doesn't seem to work.

Click to see the layout.

Here's my code:

CODE
<style type="text/css">
/* ENDLESS STORY */
/* dreamstar7 */
#logo, #nav, #login, #header, #footer
{display: none !important;}

td, tr, table, li, .standardbox, .profile
{border: 0px !important;
background: none !important;}

body
{padding: 0;
margin: 0;
align: center;
background-color: #000000;
cursor: default;

scrollbar-arrow-color: #EDD5D7;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #DBA3AB;
scrollbar-face-color: #B04151;
scrollbar-highlight-color: #DBA3AB;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;}

body, table, td, li, p, div
{font-family: arial;
font-size: 9pt;
color: #AB5963;
line-height: 12pt;
text-align: justify;}

b, strong
{font-weight: bold;
color: #DBA3AB;}

i, em
{font-weight: italic;
color: #DBA3AB;}

u
{text-decoration: underline;
color: #DBA3AB;
border-bottom: 1px solid #B04151;}

textarea, input, select, .button
{font: trebuchet ms !important;
color: #DBA3AB !important;
background-color: #50080C;
border: 1px solid #DBA3AB;}

.smaller, .grey
{background-color: transparent;
font: normal 7.5pt arial arial;
font-color: #B04151;
line-height: 10pt;
text-align: justify;
border: none;}

.smaller a:link, .smaller a:visited, .grey a:link, .grey a:visited
{font: normal 7.5pt arial;
color: #DBA3AB;
line-height: 10pt;
text-transform: none;
text-decoration: none;
cursor: default;}

.smaller a:hover, .smaller a:active, .grey a:hover, .grey a:active
{color: #EDD5D7;
text-decoration: none;
cursor: default;}

.outerbox, .innerbox, .linkbox, .alertbox, .comment_body
{background-color: transparent;
font-family: arial;
font-color: #AB5963;
font-size: 9pt;
line-height: 12pt;
text-align: justify;
border: none;}

h1, h2, h3
{background-color: transparent;
font: normal 20pt georgia;
color: #DBA3AB;
letter-spacing: 2px;
padding-left: 5px;
text-transform: lowercase;
line-height: 25pt;
text-align: left;
border-bottom: 1px solid #390B0C;
margin-bottom: 5px;}

.hr
{border-bottom: 1px solid #390B0C;}

a:link, a:visited, .alertbox a:link, .alertbox a:visited, .linkbox a:link, .linkbox a:visited, .go a:link, .go a:visited
{font: normal 9pt arial;
color: #DBA3AB;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover, a:active, .alertbox a:hover, .alertbox a:active, .linkbox a:active, .linkbox a:hover, .go a:hover, .go a:active
{color: #EDD5D7;
text-decoration: none;
cursor: default;}

.standardbox, .profile
{background-color: transparent;}

.alertbox, .col4 outerbox, #stats, #skills, #submissions, #favorites
{background-color: transparent;
font-family: arial;
font-color: #AB5963;
font-size: 9pt;
line-height: 12pt;
text-align: left;
border: none;}

#contactme td, #skills .innerbox
{text-align: left;}

.col3
{width: 520px;
float: left;}

.col4
{width: 170px;
_margin-top: -800px;}

div#main
{width: 700px;
background: url(http://img176.imageshack.us/img176/7874/endlessstory05ox3.jpg) no-repeat top center;
margin-left: 25px;
padding-top: 20px;}

div#container
{width: 700px;
padding: 0px;
margin-top: -40px;}
</style>

<img src="http://img102.imageshack.us/img102/7886/endlessstory01jx6.jpg" border="0">
<img src="http://img145.imageshack.us/img145/6987/endlessstory02yz2.jpg" border="0">
<img src="http://img102.imageshack.us/img102/8420/endlessstory03gv4.jpg" border="0">
<img src="http://img145.imageshack.us/img145/4656/endlessstory04sr2.jpg" border="0">

<div id="main">


Thank you thank you thank you!
 
 
Start new topic
Replies
venti-anemoi
post Apr 26 2008, 09:51 PM
Post #2


torn
*****

Group: Official Designer
Posts: 953
Joined: Oct 2004
Member No: 55,718



^Oh, okay. Thanks! That helps a lot. :]

Anyone know how to do margins w/o affecting FF?
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: