6 replies [Last post]
buckmajor
buckmajor's picture
Offline
newbie
Brisbane
Last seen: 11 years 4 weeks ago
Brisbane
Joined: 2007-12-12
Posts: 9
Points: 0

Hi everyone, its newbie here

I have problems trying to view my website in different browsers.

It looks fine in IE but then I tried FF, Netscape and Opera it looks out of alignment.

CSS:

To view link

css-example.digitalprodusa.net

/* background gradient */
body, html {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(img/bg_pattern.jpg);
background-repeat: repeat-x;
background-position: center top;
background-color: #003366;
text-align: center;
}

/* Body text */
p {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
margin: 0;
padding: 0;
}

/* Website body */
#container {
width: 728px;
}

/* Container h1 is the company logo at the top */
#container h1 {
background-color: #000000;
background-image: url(img/Logo.jpg);
background-repeat: no-repeat;
background-position: center bottom;
height: 82px;
}

/* Container h2 is the company logo at the top */
#container h2 {
font-size: 23px;
font-weight: normal;
color: #006699;
text-decoration: none;
text-align: left;
padding-top: 10px;
}

/* Main navigation */
#container #navigation {
height: 20px;
}

/* Banner1 is for the homepage */
#container #banner1 {
background-image: url(img/header_home.jpg);
background-repeat: no-repeat;
height: 145px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #336699;
}

/* Container h3 is the border header used on the homepage e.g. latest project */
#container #content_home_right h3 {
height: 25px;
width: 228px;
border-top-width: 5px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #3399cc;
border-bottom-color: #3399cc;
color: #336699;
text-align: left;
}

/* Main Content Container*/
#container #content_body {
float: left;
margin: 0;
padding: 0;
width: 728px;
}

/* Content on the right for homepage */
#container #content_home_right {
float: left;
width: 228px;
margin-left: 10px;
padding-top: 10px;
}

/* Container h2 is the company logo at the top */
#container #content_home_left {
width: 490px;
float: left;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
vertical-align: top;
height: 550px;
}

/* Content paragraph justified for the homepage */
#container #content_body #content_home_left p {
text-align: justify;
}

/* Footer links */
#container #footer {
text-align: center;
vertical-align: middle;
height: 30px;
width: 728px;
font-size: 12px;
color: #FFFFFF;
}

/* Signature link */
#container #signature {
background-color: #003366;
background-image: url(img/Logo_horizontal.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 50px;
width: 728px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #3399CC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #3399CC;
vertical-align: bottom;
}

HTML:

Welcome to Digital Produsa

 


 



Welcome to the home of Digital Produsa


You can browse some of our recent work by clicking on our portfolio.


We are a Brisbane based web development firm offering our clients a full range of multimedia services including design, signage, web development and web hosting.

We have built strong relationships with our clients by working closely with them to understand their needs. We specialise in building customised web sites that successfully meet these needs.

Digital Produsa brings a new dimension to web site design, combining creativity and functionality in a practical and professional environment, focussed on providing effective solutions for our clients.




Latest Project



BREAKTHROUGH COMMUNITY


http://www.bcintl.org


Recent Project



NORRIS MOTOR GROUPS


http://www.nmg.com.au





© 2007 Digital Produsa

Hope I did right

Please much help is needed

CHEERS Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 19 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Validate!

You've got 9 validation errors, most caused by the flash file. Get that validated (read Flash Satay for guidance) then fix the other two errors, then we'll take a look at it.

Verschwindende wrote:
  • CSS doesn't make pies

buckmajor
buckmajor's picture
Offline
newbie
Brisbane
Last seen: 11 years 4 weeks ago
Brisbane
Joined: 2007-12-12
Posts: 9
Points: 0

Hey T thanks for thatI

Hey T thanks for that

I just found out the validation errors on my page and that you can retrieve a correct html code.

Here is a test link to my webpage
http://www.css-example.digitalprodusa.net/

CHEERS Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 19 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

You've still got the 7

You've still got the 7 validation errors Wink

By "out of alignment" I assume you mean the fact that it's centered in IE but no other browser?

If so change this:

/* Website body */ #container { width: 728px; margin: 0; padding: 0; }

to this:

/* Website body */ #container { width: 728px; margin: 0 auto; padding: 0; }

Verschwindende wrote:
  • CSS doesn't make pies

buckmajor
buckmajor's picture
Offline
newbie
Brisbane
Last seen: 11 years 4 weeks ago
Brisbane
Joined: 2007-12-12
Posts: 9
Points: 0

Hallelujah!! It worked T,

Hallelujah!!

It worked T, my friend thanks heaps for that :thumbsup:, I got an early Christmas Present Wink. So the only addition to the CSS was the auto margin.

Im so happy to get this working, I thought the validation errors correct the code but when I copied it, I still had a few errors but this time of them :? . Oh well, its all part of the journey of learning CSS.

CHEERS Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 19 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

No problem. Merry Christmas

No problem. Merry Christmas Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

buckmajor
buckmajor's picture
Offline
newbie
Brisbane
Last seen: 11 years 4 weeks ago
Brisbane
Joined: 2007-12-12
Posts: 9
Points: 0

Same to you T, an early

Same to you T, an early MERRY CHRISTMAS and to the CSS creator forum

CHEERS Smile