2 replies [Last post]
greg.farmer
greg.farmer's picture
Offline
newbie
Last seen: 7 years 43 weeks ago
Joined: 2013-03-27
Posts: 2
Points: 3

Hi guys

Just having a bit of an issue with something I am working on. This is my first time using CSS so im sorry if the answer is to obvious.

I am making a site in dreamweaver and my browser preview in any browser shows this

thumb_yes.jpg

As you can see the boxes over lap for a 3D effect.

When I upload it and make it live, it looks like this

thumb_no.jpg

The top item is slider and the bottom is inner container

I then have triangle left and triangle right

The HTML code is

<div id="slider">
 
  MY CONTENT	
 
    </div>
 
<div id="triangleright"></div>
<div id="triangleleft"></div>
 
<div id="innercontainer">
 
   MY CONTENT
 
    </div>

The CSS code is

#innercontainer {
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 1px 10px 0px #463a2e;
	background-color:#fff;
}
 
#slider {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	box-shadow: 0px 1px 10px 0px #463a2e;
	position:relative;
}
 
#triangleright {
	width: 0; 
	height: 0; 
	border-top: -10px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #666;
	float:right;
}
 
#triangleleft {
	width: 0; 
	height: 0; 
	border-top: -10px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 9px solid #666;
	float:left;
}

Is anyone able to help me out here at all??

Many thanks in advance

Greg

/mod edit: When posting code, either use the code button or wrap your source in bbcode tags, [code][/code]. Fixed. ~gt

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 days 10 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Invalid property values

See ยง8.5.1 Border width. Note this: <length>
The border's thickness has an explicit value. Explicit border widths cannot be negative.

You should always validate your html and css. For css, see http://jigsaw.w3.org/css-validator/.

I am sure you love your Dreamweaver, but do remember that it creates crap for code and that the previewer is not a browser, and what the browser shows you is what matters.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

greg.farmer
greg.farmer's picture
Offline
newbie
Last seen: 7 years 43 weeks ago
Joined: 2013-03-27
Posts: 2
Points: 3

Thanks Gary Not that I love

Thanks Gary

Not that I love dreamweaver, I just can't get my head around php. Puzzled

I do use Browsers as my preview and dont rely on the DW preview.

Thanks for the link, will check it out

Greg