2 replies [Last post]
raxerius
Offline
newbie
Helsinki, Finland
Last seen: 10 years 4 weeks ago
Helsinki, Finland
Timezone: GMT+3
Joined: 2011-05-17
Posts: 2
Points: 4

Hey! I really need some help, I'm getting desperate. I'm not good doing html or css. But I learn on the way and check tips and tricks from the net.

Now I've done a new layout for my blog, you can check it: http://fashwithr.blogspot.com/ and everything looks great in Firefox and Mac, but when I browse it in IE = internet explorer, it doesn't show the "sidebar" correctly, where I introduce myself and welcome my readers to the blog and theres also a small pic, instead of putting it on the left side the browser IE puts all the way up and pretty much in the middle.

What should I do? And again, this problem accurs only in IE, everything is nice in Firefox. And the sidebar thingy is the only problem I have now and I have tried and tried to fix it somehow, but no luck. I would be forever thankfull if someone could give me a hand!

The codes im using in the html for the "sidebar" are:

1. in the head i put this:

.headermenu { width:15%; background:#fff none repeat scroll 0px 0px; padding:8px; position:fixed; bottom:140px; left:20px; right:0px;}

2. in the body i put this:

Ragnar Orav

Hey! My name is Ragnar...
facebook/
formspring/
follow/

Please help me, thank you Smile

raxerius
Offline
newbie
Helsinki, Finland
Last seen: 10 years 4 weeks ago
Helsinki, Finland
Timezone: GMT+3
Joined: 2011-05-17
Posts: 2
Points: 4

Woops, sorry, here's the code

Woops, sorry, here's the code part again:

1. in the head i put this:
 
.headermenu { width:15%; background:#fff none repeat scroll 0px 0px; padding:8px; position:fixed; bottom:140px; left:20px; right:0px;}
 
2. in the body i put this:
 
<div class="headermenu">
<img src="http://i54.tinypic.com/1zehydf.jpg" border="0" alt="Ragnar Orav">
 
<div class="font"><i>
 
Hey! My name is Ragnar...
facebook/
formspring/
follow/
</i></div>

raxerius
Offline
newbie
Helsinki, Finland
Last seen: 10 years 4 weeks ago
Helsinki, Finland
Timezone: GMT+3
Joined: 2011-05-17
Posts: 2
Points: 4

And heres the whole thing,

And heres the whole thing, the code from the whole page (but the only problem at least now is the "sidebar" thingy, but heres the whole code just in case:

 <html>
 
<title>FASH WITH R</title>
 
<head>
 
<style type="text/css">
 
 
#navbar-iframe{ display: none; }
 
 
body { font-family: georgia; font-size: 10px; color: #333;  }
 
 
a:link,a:visited,a:active{ font-family: georgia; font-size: 10px; color: #555; text-decoration: none; }
 
a:hover{ font-style: italic; }
 
.header{ font-family: arial; font-weight: bold; font-size: 65pt; letter-spacing: -4px; color: #333;
padding-bottom: 3px;
padding-top: 0px;
padding-right: 40px; }
 
.linkit{
padding-bottom: 50px;
padding-right: 40px; }
 
 
.kirjasto{
padding-bottom: 3px;
padding-top: 0px;
padding-right: 5px; }
 
.title{ font-family: "Hoefler Text", "Cambria", Georgia, "Times New Roman", Times, serif;
color: black;
letter-spacing: 3px;
line-height: 18pt;
text-transform: none;
font-weight: none;
border-bottom: 1px solid #EEE;
font-size: 1.7em;
font-variant: small-caps;
padding-bottom: 3px;
padding-top: 15px;
padding-left: 108px;
}
 
.date{ font-style: ;
font-family: Cambria;
color: #666;
font-size: 1.2em;
padding-top: 5px;
padding-left:0px;
 
}
 
 
.top1 { font-family: tahoma; font-size: 10pt; color: #333; border: 0px #f5f5f5 solid; padding: 10px; width: 410px; height: 0px; overflow-y: auto; overflow-x: hidden; }
.top { font-family: tahoma; font-size: 10pt; color: #333; border: 0px #f5f5f5 solid; padding: 10px; width: 280px; height: 0px; overflow-y: auto; overflow-x: hidden; }
 
 
.headermenu2 {  font-family: georgia; font-size: 10px; color: #333; width:15%; background:#fff none repeat scroll 0px 0px;  position:fixed; padding:8px; bottom:140px; left:40px; right:0px;}
 
 
.main { font-family: tahoma; font-size: 13px; color: #333; border: 0px #f5f5f5 solid; line-height: 1.8em; padding: 10px; }
 
 
.icon { border: 0px #f5f5f5 solid; padding: 5px; }
 
blockquote { color: #666; padding: 10px; border: 1px #f5f5f5 solid; }
 
::-moz-selection { color: #333; background: #eee; }
 
 
</style>
 
</head>
 
 
<body>
 
<center>
<table border="0" cellpadding="0" cellspacing="15">
<tr>
<td colspan="3" valign="top">
 
</td>
</tr>
<tr>
 
 
 
<div>
</div>
</td>
 
<td valign="top">
 
<div class="header">FASH WITH R</div><BR><BR>
 
<div class="linkit">
 
<CENTER> <a href="http://www.facebook.com/people/Ragnar-Orav/629877713">facebook</a> | <a href="http://www.bloglovin.com/blog/1736257/fash-with-r?claim=f294tywxcj6">bloglovin</a> | <a href="http://twitter.com/ragnarpoika">twitter</a> | <a href="http://lookbook.nu/user/39944-Ragnar-O">lookbook</a> | <a href="http://fashwithr.cbox.ws/">chatbox</a> | <a href="http://www.blogger.com/follow-blog.g?blogID=2952836219182356638">follow</a> | <a href="http://www.formspring.me/ragnarorav">ask me</a>
<br><br><BR><BR>
<div class="kirjasto">
 
<select style="font-size: 8pt; color: #333; border: 1px #f5f5f5 solid; font-family: arial; background-color:#fff; width: 150px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>choose posts by month</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select></CENTER>
</div>
</td>
 
<div class="headermenu2">
<div align="headermenu2">
<CENTER><a href="http://tinypic.com?ref=30vkgt1" target="_blank"><img src="http://i54.tinypic.com/1zehydf.jpg" border="0" alt="Ragnar Orav"></a> <BR> <BR>
<i>
 
Hey! My name is Ragnar Orav and I'm happy to welcome you to my blog! This blog is mostly about my messed up lifestyle and a bit of fashion, spiced with
random thoughts and nonsense. You're not supposed to understand or "get me" in any sense, so if you're not pleased what you see, ADIOS!
Anyway, I really do hope you enjoy you're visit here. I love to give someone a place to come and get inspired, get shocked or laugh you're butts off! Well I guess
that's about all for now.. If you want to know more about me, just check out the f*ckin blog! With love, R / 
<a href="http://www.facebook.com/people/Ragnar-Orav/629877713">facebook</a>/
<a href="http://www.formspring.me/ragnarorav">formspring</a>/
<a href="http://www.blogger.com/follow-blog.g?blogID=2952836219182356638">follow</a>/
 
 
</i></center></div>
 
 
 
<Blogger>
 
<table border="0" cellpadding="5" cellspacing="0" >
<tr><br>
<td valign="top" width="650">
<div class="main">
 
<div class="title"><$BlogItemTitle$></div>
<br>
<$BlogItemBody$>
</div>
</td>
 
<td valign="top" width="0">
<div class="icon">
 
</div>
 
</td>
</tr>
</table>
 
 
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div> <br>
 
<BlogItemCommentsEnabled> 
<div class="comments"><$BlogItemCommentCount$> comments: <a href="<$BlogItemCommentCreate$>">leave a comment</a></div> 
</BlogItemCommentsEnabled>
 
 
 
</Blogger>
<br>
<center>
 
<a class="follow" href=<$OlderPosts$>><span>←</span> older</a>  |  <a class="follow" href=<$NewerPosts$>>newer <span>→</span></a>
 
 
<BR><BR><br>
 
 
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 500,
  height: 105,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '	#736F6E'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('ragnarpoika').start();
</script>
 
<BR><BR>
 
 
 
<!-- Start FreeOnlineUsers.com -->
<a href="http://www.freeonlineusers.com">
<font color=	#463E3F><script type="text/javascript" src="http://st1.freeonlineusers.com/on1.php?id=250167"> </script> Guests Online </font></a>
<!-- End FreeOnlineUsers.com --> <br><br>
 
<a href="mailto:[email protected]">CONTACT ME? FASHWITHR(AT)HOTMAIL.COM</a><BR><BR>
<a href="http://fashwithr.blogspot.com">©OPYRIGHT RAGNAR ORAV</a><BR><BR><br>
 
</center>
 
</body>
 
</html>