Browser Problems

[Lauren Everett]

I kind of taught myself Dreamweaver, and now I've hit a snag and since I don't
really know what I'm doing I could really use your help! This is the deal; I
designed a webpage on my Mac (OS 10.something). I uploaded it to the server,
and it looks just as it should on every Mac I've tested it on, regardless of
operating system or browser. BUT, on PC's there are major problems. Apparently
on IE the captions are cut off, and on Mozilla it won't load at all. Does
anyone know why this would happen, or how I can fix it??? The address is
[url]www.laureneverett.com[/url], if anyone wants to check it out and take a shot at the
problem...
Thanks in advance!

[G-Force Ent.]

Try pushing the cells a bit to the right to get them bigger which will reduce
the size of your empty cells in the middle between the writting the and the
pictures. I tested it on my machine and it work fine with SC1.htm

Vegeta.G-Force

[evropa]

[url]http://www.iankovi.com/newfolder/index.html[/url]

css:

[url]http://iankovi.com:2082/frontend/x2/files/select.html?dir=/home/iankovi/public_h[/url]
tml/newfolder&file=sponsi.css

".menucontainer" has a correct left margin in ie, but not in firefox nor opera
.menucontainer {
display: block;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #999999;
width: 200px;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 7px;
}

same with "heading"
#heading {
height: auto;
width: 226px;
display: block;
float: left;
font-family: "Century Gothic";
font-size: 42px;
font-weight: bold;
color: #0099CC;
background-image: url(images/sponsi.png);
background-repeat: no-repeat;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
}

the middle column which "sign up now" starts off looks different in
dreamweaver, then in ie, firefox opera. the fields align as they should in
firefox, and opera but not in ie. if i remove the css "input2" they align fine
in ie, but not in firefox nor opera.

.input2 {
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial;
font-size: 11px;
font-weight: normal;
color: #666666;
border: 1px solid #EEEEEE;
width: 185px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
display: inline;
height: 18px;
}

#middlecontainer {
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #999999;
width: 200px;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 18px;
}

i want to align "success" with "15 minutes of fame" but with everything above
not aligning properly it seems impossible

i'm not sure if i should have different divs around "middle container" like i
do right now, ive removed them but they didnt seem to the problem

thanks to anyone who can help

[mzanime.com]

First and foremost, its a good idea to make sure your HTML/CSS code is valid.

[url]http://validator.w3.org/check?uri=http://www.iankovi.com/newfolder/index.html[/url]

[url]http://jigsaw.w3.org/css-validator/validator?uri=http://www.iankovi.com/newfolde[/url]
r/sponsi.css

Second, it is difficult to decipher what you mean... the "sign up now" box
looks the same to me. Are you testing with IE6? And do you have Firefox 1.5?

I noticed that you have all the divs floating to the left. Perhaps it would
help if you "clear" the floats somewhere towards the bottom of the page...?

Also, buttons and form fields are often times rendered as system widgets, so
CSS may and may not be able to completely alter how they look in all cases. IE
is most forgiving, but on browsers like Safari its nearly impossible. It's
recommended to style form fields/buttons to a minimal degree, if at all.

[evropa]

Originally posted by: mzanime.com
First and foremost, its a good idea to make sure your HTML/CSS code is valid.


[url]http://jigsaw.w3.org/css-validator/validator?uri=http://www.iankovi.com/newfolde[/url]
r/sponsi.css

Second, it is difficult to decipher what you mean... the "sign up now" box
looks the same to me. Are you testing with IE6? And do you have Firefox 1.5?

I noticed that you have all the divs floating to the left. Perhaps it would
help if you "clear" the floats somewhere towards the bottom of the page...?

Also, buttons and form fields are often times rendered as system widgets, so
CSS may and may not be able to completely alter how they look in all cases. IE
is most forgiving, but on browsers like Safari its nearly impossible. It's
recommended to style form fields/buttons to a minimal degree, if at all.

i have fixed the main errors, theres a still a few errors but once i replace
the image placeholders with real images those should be fixed. theres also two
other errors which i dont get #6, and #7.


[url]http://validator.w3.org/check?uri=http%3A%2F%2Fwww.iankovi.com%2Fnewfolder %2Find[/url]
ex.html

[url]http://www.iankovi.com/newfolder/index.html[/url]
[url]http://www.iankovi.com/newfolder/sponsi.css[/url]

i am using ie 6, firefox 1.6, and opera 8.5

"success" is aligned with "15 minutes of fame" in firefox, but not in ie or
opera

how would i go on about clearing the divs to the bottom? clear:left,right,both?

thank you for your time

[mzanime.com]

> i have fixed the main errors, theres a still a few errors but once i replace
the

> image placeholders with real images those should be fixed. theres also two
> other errors which i dont get #6, and #7.

I would assume those errors are because you don't have any of the <option>
elements inside of <select> but I'm not sure... haven't seen an error like that
before.

> i am using ie 6, firefox 1.6, and opera 8.5
> "success" is aligned with "15 minutes of fame" in firefox, but not in ie or

opera

You mean Firefox 1.5? I didn't know there was a 1.6 yet... To me all of the
text looks aligned the same, as do colors and borders.

> how would i go on about clearing the divs to the bottom?

clear:left,right,both?

clear:both should do it.