Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Reply
Right Side messing up body and left side.
Old 07-20-2010, 06:44 PM Right Side messing up body and left side.
maximusminds's Avatar
Experienced Talker

Posts: 44
Name: ernie
Location: USA
Trades: 0
Um using dreamweaver I added an adsense code to the right sidebar. For some reason it has moved the sidebar to the left along with the body and it has messed up the right sidebar. Anyone have any idea what has happened?

www.maximusminds.com
maximusminds is offline
Reply With Quote
View Public Profile Visit maximusminds's homepage!
 
 
Register now for full access!
Old 07-20-2010, 07:08 PM Re: Right Side messing up body and left side.
Experienced Talker

Posts: 48
Trades: 0
You don't have any CSS code for your left sidebar and your right sidebar should be;

Quote:
.sidebar2 {
background-color:#FFFFFF;
float:right;
padding:10px 0;
width:195px;


}
__________________

Please login or register to view this content. Registration is FREE
- Wordpress Experts -

Please login or register to view this content. Registration is FREE
- marketing, web design, direct mail. -

Please login or register to view this content. Registration is FREE
createdevelop is offline
Reply With Quote
View Public Profile Visit createdevelop's homepage!
 
Old 07-21-2010, 03:54 AM Re: Right Side messing up body and left side.
Super Moderator

Posts: 1,584
Location: Kokkola, Finland
Trades: 1
and as an aside your header/logo should be a gif or 8-bit png
davemies is offline
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Old 07-31-2010, 02:19 PM Re: Right Side messing up body and left side.
maximusminds's Avatar
Experienced Talker

Posts: 44
Name: ernie
Location: USA
Trades: 0
Does anyone know how to make to make the content section appear in the middle?
maximusminds is offline
Reply With Quote
View Public Profile Visit maximusminds's homepage!
 
Old 07-31-2010, 03:44 PM Re: Right Side messing up body and left side.
Novice Talker

Posts: 8
Name: Shalon walker
Trades: 0
createdevelop as solved the problem .
What he said is the answer.
So try following that.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE
shalon18 is offline
Reply With Quote
View Public Profile
 
Old 07-31-2010, 03:48 PM Re: Right Side messing up body and left side.
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
First of all, you have a number of things wrong in your code;

Quote:
<style type="text/css">
<!--
You cannot use html-style comments inside the <style> tags, you have to use /* xxx */ to comment out code.

Secondly, you have this error in your css:
Quote:
background-color: #FFF;
}
That bit of css is just hanging in the middle and is not properly formatted nor applied to anything.

You also have javascript stuck inside the <style></style> tags, that won't work either, it cannot be there.

Once you fix these errors, you'll see improvements in your page.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE


Last edited by LadynRed; 07-31-2010 at 03:53 PM..
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-31-2010, 10:48 PM Re: Right Side messing up body and left side.
maximusminds's Avatar
Experienced Talker

Posts: 44
Name: ernie
Location: USA
Trades: 0
I apologize if I am incorrect as I'm slightly new to setting up css but isn't the left sidebar have the css

.sidebar1 {
float: left;
width: 195px;
padding-bottom: 10px;

Last edited by maximusminds; 07-31-2010 at 10:50 PM..
maximusminds is offline
Reply With Quote
View Public Profile Visit maximusminds's homepage!
 
Old 08-01-2010, 09:40 AM Re: Right Side messing up body and left side.
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Quote:
your header/logo should be a gif or 8-bit png
Why? There's no reason not to use a transparent 24-bit PNG or even a jpg if it fits.

Quote:
createdevelop as solved the problem
No, you didn't, not completely - and there's no reason he couldn't have floated it left also, it would have worked just as well.

Why do you have position: fixed on your .content div? Get rid of it and your center column will go where you want it.

You also have not removed the improper comments or the script in the middle of your css.

Quote:

body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
float: center;
}

ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}


a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}


.container {
width: 1024px;
background: #FFFFFF;
margin: 0 auto;
}
.sidebar1 {
float: left;
width: 190px;
padding-bottom: 10px;
background-color: #FFF;
}
.content {
padding: 10px 0;
width: 632px;
float: left;
}

.sidebar2 {
float: right;
width: 195px;
padding: 10px 0;
background-color: #FFF;
}


.content ul, .content ol {
padding: 0 15px 15px 40px;
}


ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
width: 160px;
text-decoration: none;
background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #ADB96E;
color: #FFF;
}

.footer {
padding: 10px 0;
position: relative;
clear: both;
background-color: #CCC;
font-size: 12px;
}


.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;


#google_ad {

text-align:center;

}
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Right Side messing up body and left side.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.22189 seconds with 12 queries