subaculture
09-27-2005, 11:31 AM
Hi there,
I ahve a site called Irish Guy (http://www.irish-guy.com). Its a blog (powered by blogger) with a CSS Design.
Last week I deleted a tag-board on the left sidebar because of spam overload but I messed up my CSS.
While it appears fine on Firefox (Mac/Win) on Windows/Explorer the main content appears way down below the side bar. hard to explain, and too much code to post but self explanatory once seen.
I have been trying to fix all week with no success!
Any help is most appreciated. It should simply be an addition or deletion of a DIV tag some where?
Michael
<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
</div>
</div>
</div>
<bR>
<hr class="hide" />
<div id="contentColumn"><div id="contentColumn2">
<div class="inside">
<a name="skipToContent" id="skipToContent"></a>
<Blogger>
<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
</div>
<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</p>
</div>
<!-- End .post -->
<HR>
<table width="100%" bgcolor="black" border=0 cellspacing=0>
<tr><td>
<span style="color:#FC6" onClick="top.location.href='http://www.irish-guy.com/rtw2004/archives.html/';">
<font face="Georgia,Times" size=7 color="#FFCC66" style="font-size:54px">
<span title="Link to Main Archives" onmouseover="this.style.color='white';" onmouseout="this.style.color='#ffcc66';">
<b>IRISH GUY<b>
</span>
</font>
<font face="geneva,arial" color=FFCC66 style="font-size:12px">
</font>
</span>
</TD></TR></TABLE>
<table bgcolor="#FFCC66" width=100% border=0 cellspacing=0>
<tr><td align=center>
<font face="system,geneva" size=2>
<b>the archives, the highlights, the best pictures
<span style="text-transform:capitalize"> ...</b>
</font></span>
</td></tr></table>
<BR>
<MARQUEE behavior=alternate>
<MARQUEE width="300">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_Img_4718.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_markets242.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_bankq.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_Img_7006.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_Img_2951.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_609.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_417.jpg" width="100" height="100">
</MARQUEE>
</MARQUEE>
<BR>
<div style="width:400px;margin:0px auto;text-align:left;">
<!-- BLACK -->
<div style="color:orange;width:150px;background:white;float:ri ght;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;margin:10px;font-family:Verdana, Arial, Helvetica;font-size: 28px;line-height:26px;text-align:right;">
...imagine visiting 30 countries
<small> over 365 days </small>
<strong> producing</strong>
fantastic stories <strong>and over 3,000 unique pictures...</strong>
<br>
</div>
Between february 2004 and february 2004, ......
<BR><BR><td width=30 align=middle>
.... and now since <b>March 2005</b>, you can <BR><a href="callto://subaculture"><img src="http://goodies.skype.com/graphics/skypeme_btn_small_blue.gif" border="0"></a><a href="callto://subaculture"><img src="http://goodies.skype.com/graphics/skypeme_btn_small_blue.gif" border="0"></a><BR> to ask me questions, help and advice on your RTW Trip alive and online by VOIP.
</td></tr>
</div>
<div style="clear:both;"></div>
</Blogger>
</div>
</div>
</div>
<hr class="hide" />
<div id="rightColumn">
<div class="inside">
<!---
To get this third column operational, add your content here, then
comment out the display:hidden for #rightColumn in base.css
Also edit borders.css to create the space and background color
for the right-hand column
--->
</div>
</div>
<div class="clear"></div>
</div>
</div>
I ahve a site called Irish Guy (http://www.irish-guy.com). Its a blog (powered by blogger) with a CSS Design.
Last week I deleted a tag-board on the left sidebar because of spam overload but I messed up my CSS.
While it appears fine on Firefox (Mac/Win) on Windows/Explorer the main content appears way down below the side bar. hard to explain, and too much code to post but self explanatory once seen.
I have been trying to fix all week with no success!
Any help is most appreciated. It should simply be an addition or deletion of a DIV tag some where?
Michael
<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
</div>
</div>
</div>
<bR>
<hr class="hide" />
<div id="contentColumn"><div id="contentColumn2">
<div class="inside">
<a name="skipToContent" id="skipToContent"></a>
<Blogger>
<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
</div>
<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</p>
</div>
<!-- End .post -->
<HR>
<table width="100%" bgcolor="black" border=0 cellspacing=0>
<tr><td>
<span style="color:#FC6" onClick="top.location.href='http://www.irish-guy.com/rtw2004/archives.html/';">
<font face="Georgia,Times" size=7 color="#FFCC66" style="font-size:54px">
<span title="Link to Main Archives" onmouseover="this.style.color='white';" onmouseout="this.style.color='#ffcc66';">
<b>IRISH GUY<b>
</span>
</font>
<font face="geneva,arial" color=FFCC66 style="font-size:12px">
</font>
</span>
</TD></TR></TABLE>
<table bgcolor="#FFCC66" width=100% border=0 cellspacing=0>
<tr><td align=center>
<font face="system,geneva" size=2>
<b>the archives, the highlights, the best pictures
<span style="text-transform:capitalize"> ...</b>
</font></span>
</td></tr></table>
<BR>
<MARQUEE behavior=alternate>
<MARQUEE width="300">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_Img_4718.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_markets242.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_bankq.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_Img_7006.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_Img_2951.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_609.jpg" width="100" height="100">
<IMG src="http://www.irish-guy.com/pictures/frontpage/thumbs/tn_417.jpg" width="100" height="100">
</MARQUEE>
</MARQUEE>
<BR>
<div style="width:400px;margin:0px auto;text-align:left;">
<!-- BLACK -->
<div style="color:orange;width:150px;background:white;float:ri ght;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;margin:10px;font-family:Verdana, Arial, Helvetica;font-size: 28px;line-height:26px;text-align:right;">
...imagine visiting 30 countries
<small> over 365 days </small>
<strong> producing</strong>
fantastic stories <strong>and over 3,000 unique pictures...</strong>
<br>
</div>
Between february 2004 and february 2004, ......
<BR><BR><td width=30 align=middle>
.... and now since <b>March 2005</b>, you can <BR><a href="callto://subaculture"><img src="http://goodies.skype.com/graphics/skypeme_btn_small_blue.gif" border="0"></a><a href="callto://subaculture"><img src="http://goodies.skype.com/graphics/skypeme_btn_small_blue.gif" border="0"></a><BR> to ask me questions, help and advice on your RTW Trip alive and online by VOIP.
</td></tr>
</div>
<div style="clear:both;"></div>
</Blogger>
</div>
</div>
</div>
<hr class="hide" />
<div id="rightColumn">
<div class="inside">
<!---
To get this third column operational, add your content here, then
comment out the display:hidden for #rightColumn in base.css
Also edit borders.css to create the space and background color
for the right-hand column
--->
</div>
</div>
<div class="clear"></div>
</div>
</div>