[WSG] positioning problems
hey all, i posted this on css-d this morning and couldn't get any takers. both file validate. http://www.ricochet.org/ricochet2/company_principal.html original page (above) validates and goes cross browser fairly well, i think. it has some scaling issues on fonts, messing badly with alignment. at issue was as the gray box expands vertically, it changes the positions of the arrows which are intended to let people cycle through the site quickly. i want the position of the arrows to remain constant, and wanted to move them under 'Communications Design' http://www.ricochet.org/ricochet2/company_principal_alt.html the page validates, works and scales well in firefox, but opera and safari push the #rightcol to the bottom left corner. looking for a remedy. any help? --ron *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] positioning problems on netscape
i was building a web page and started to use some divs tag and style configuration. I was testing it on IE and everything was fine, but after i finished i opened it on netscape. That´s where the styles weren´t working and all positioning stuff were messed up. The style i fixed just removing some quotes (i´m really new on this) but i couldn´t find out why the hell it was all messed up. what am i doing wrong? div style=position:absolute; left:x; top:y; yara yara yara /div if anybody would like to take a look not my design but. www.quintfotos.com.br []´s Matheus Neves _ Quer mais velocidade? Só com o acesso Aditivado iG, a velocidade que você quer na hora que você precisa. Clique aqui: http://www.acessoaditivado.ig.com.br
Re: [WSG] positioning problems on netscape
hello - the problem you are experiencing is that netscape (and firefox, which the design also dosn't work in) use a slightly different box model than IE, which translates visually into the occasional extra whitspace at points (also, they tend to have different default padding and margin settings). Something you might try, is to use the botao.gif as a background image for the div's containing the link, that will fix your centering issues, but I would also take a look at how your doing some other things. Your code has a number of validation errors in it right now, resolving some of them might help the visual appearance some. good luck! ~j (on another note, I do really like some of your visual presentation. Got some nice looking elements) On Tue, 23 Nov 2004 16:47:54 -0200, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: i was building a web page and started to use some divs tag and style configuration. I was testing it on IE and everything was fine, but after i finished i opened it on netscape. That´s where the styles weren´t working and all positioning stuff were messed up. The style i fixed just removing some quotes (i´m really new on this) but i couldn´t find out why the hell it was all messed up. what am i doing wrong? div style=position:absolute; left:x; top:y; yara yara yara /div if anybody would like to take a look not my design but. www.quintfotos.com.br []´s Matheus Neves _ Quer mais velocidade? Só com o acesso Aditivado iG, a velocidade que você quer na hora que você precisa. Clique aqui: http://www.acessoaditivado.ig.com.br -- Jonathan T. Sage Theatrical Lighting / Set Designer Professional Web Design [HTTP://www.JTSage.com] [HTTP://design.JTSage.com] [EMAIL PROTECTED] [See Headers for Contact Info] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] positioning problems on netscape
Hello Matheus, Before even starting to address the problem, you need to do a couple of things. I notice your styles are completely embedded in your HTML. Additionally, you are not declaring a doctype in your HTML file, which could be part of the problem. I would recommend that you research a bit about doctypes and put the appropriate doctype declaration on your file, try creating an external CSS file with your styles in it and reference it from the HTML file, then try validating both to see if there are any issues that come up. A good place to start learning about doctypes is http://www.w3.org where you can then type into the search field doctype and you'll find some good links within the W3C site to help you. That site also has HTML and CSS validators to help you spot any problems within your code. If the issue persists, then we can begin to suggest some solutions to your problem. Another suggestion is to develop for Netscape/Mozilla/Opera first, then tweak for IE. The reason for this is because IE's flawed box model (among other things) needs to be compensated for, while the other browsers are much more Web standards compliant. Leslie Riggs i was building a web page and started to use some divs tag and style configuration. I was testing it on IE and everything was fine, but after i finished i opened it on netscape. That´s where the styles weren´t working and all positioning stuff were messed up. The style i fixed just removing some quotes (i´m really new on this) but i couldn´t find out why the hell it was all messed up. what am i doing wrong? div style=position:absolute; left:x; top:y; yara yara yara /div if anybody would like to take a look not my design but. www.quintfotos.com.br []´s Matheus Neves _ Quer mais velocidade? Só com o acesso Aditivado iG, a velocidade que você quer na hora que você precisa. Clique aqui: http://www.acessoaditivado.ig.com.br ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **