We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

my left hand divs are not appearing

cokefour
cokefour asked
on
Medium Priority
300 Views
Last Modified: 2012-05-07
I am trying to get my divs to line up side by side and they look great until I look at it in Chrome or IE8. I keep having this issue, I've floated, cleared clear floated. Help
see www.neunetworks.com if you still have ie7 compare the results in Mozilla.
The wrapper is the box around the whole content, offers is on the right and 360wide is on the left in the code below. 360 doesn't show up in ie8 or chrome
@charset "utf-8";
/* CSS Document */
 
body{
	background-color:#515B53;
	text-align:center;
}
#wrapper {
	margin:0 auto;
	border: 1px solid #FFF;
	overflow: visible;
	position: relative;
	visibility: visible;
	width: 800px;
}
.masthead{
	width:800px;
	background:url(/images/logo.png) left no-repeat;
	float:left;
	clear:both;
	height:100px;
	border-bottom:#FFF solid 1px;
}
/* Panels */
.360wideimage {
	border: 1px solid #FFF;
	width: 360px;
	height:168px;
	background: url(/images/iStock_000000034971XSmall.jpg) no-repeat left;
	margin-left:5px;
	float:left;
	
}
.360widetext {
	border: 1px solid #FFF;
	width: 360px;
	height:250px;
	margin-left:5px;
	float:left;
	clear:left;
}
 
.offers {
	width: 246px;
	height:168px;
	background: url(/images/offerspanel.png) no-repeat center;
	margin-left:5px;
	float:right;
}
.offers h1{
	padding-top:15px;
}
.offers p{
	font:Verdana;
	font-size:9px;
	line-height:normal;
	text-align:left;
}
.news {
	width: 246px;
	height:260px;
	background: url(/images/newspanel.png) no-repeat top;
	margin-left:5px;
	float:right;
	padding-top:12px;
	
}
#panelcontent{
	padding:10px;
	overflow:scroll;
}
h1 {
	font-family: Corbel, Calibri, Tahoma, Arial;
	font-size: 12pt;
	color: #F15A24;
	text-align: left;
	text-indent: 10px;
}
p {
	font-family: Corbel, Calibri, Tahoma, Arial;
	font-size: 10pt;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	text-align:justify;
	line-height:12pt;
}
 
#projectlist p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	height: 25px;
}
/* Forms and tables */
 
label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #004842;
}
input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #004842;
	border: 1px solid #004246;
}
th {
	font-family: Corbel, Calibri, Tahoma, Arial;
	font-size: 14pt;
	color: #FFF;
	background-color: #333;
	text-align: left;
	font-weight: normal;
	padding: 5px;
}#wrapper #offers p a {
	color: #F15A24;
	text-decoration: none;
}

Open in new window

Comment
Watch Question

Jason C. LevineDon't talk to me.
CERTIFIED EXPERT

Commented:
When I look at that page online, I don't see the same CSS as above.  Firebug does not show .360wide* styles from neunetworks2009.css

Try renaming the classes so they don't begin with numbers?

Don't talk to me.
CERTIFIED EXPERT
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
Right on the money, I'm off to go and check other websites I had issues with. many thanks
Jason C. LevineDon't talk to me.
CERTIFIED EXPERT

Commented:
>> I'm off to go and check other websites I had issues with. many thanks

(laughing)

Yeah, me too...
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.