"Matt" <jr********@hotmail.com> wrote in message
news:ba**************************@posting.google.c om...
| I use CSS for positionings in my html page, the problem is when
i
| resize the browser, the positions are offset. Here's the code,
any
| ideas??
|
|
|
| <html>
| <head>
|
| <style type="text/css">
| H2
| {
| FONT: bold 17px Georgia
| }
| H2.SECOND {
| COLOR: red;
| position: absolute;
| top: 80px;
| left: 700px
| }
| H5 {
| FONT: bold 12px Georgia;
| position: absolute;
| top: 105px;
| left: 700px
| }
| </style>
|
| </head>
|
| <body>
|
| <H2 class="SECOND">Frequently Used Links</H2>
|
| <H5>
| <a href="#">Link 1</a> |
|
| <a href="#">Link 2</a> |
|
| <a href="#">Link 3</a> |
|
| <a href="#">Link 4</a> |
|
| <a href="#">Link 5</a>
| </H5>
| </body>
| </html>
What happens to your H2.SECOND and H5 with their absolute
position of left: 700px when a person views with a 640x460
resolution or resizes their browser window smaller than 700px??
I'm no expert, but without seeing the rest of the page I'd say to
float a small div to the right with these elements so they stay
in the window.
Also, just as a suggestion, your font size is in px which does
not allow the text to be resized in IE, I'd set these sizes in
percentages or em's.
hth
--
Chet
ng******@NOcharterSPAM.net (remove NO.....SPAM)