testing div positioning in different screen sizes

crmpicco · February 3rd, 2008, 02:13 PM

I am currently looking to update the design and look-and-feel of my website, so I have made some recent changes to the site. The problem is I am using <div>s now and setting the position of the divs in my stylesheet, but......I am developing the site and looking at it on a 15" laptop monitor. So it's hard to tell if it looks the same on a 21" monitor :confused:

Would someone be able to tell me if this looks correct on their monitor:

http://www.ayrshireminis.com/index2.php

The German and British flags div is set with the code:

Code:

<div style="position: absolute; left: 80%; top: 7%">
....<table>.....
</div>

Cheers,
Picco
;)

_______________________
Ayrshire Minis - a Mini E-Community
www.ayrshireminis.com
www.crmpicco.co.uk
www.scottishminis.com

chroniclemaster1 · February 11th, 2008, 05:02 AM

I'm using a 19" screen and the flags are positioned with a small but clean looking space left of the language drop down. Looks OK on my box.

I would also recommend taking the next logical step with your CSS. It looks like you're doing a great job, now move it from the inline style attribute and collect everything in a separate CSS file! Swap your style attribute for an ID <div id="flags"> and insert the text from the style attribute into a separate text file like so...

#flags {
position: absolute;
left: 80%;
top: 7%;
}

The # indicates that this is an id. Repeat this until all your styles are in the style sheet and save it with a .css extension. Then include a link tag between your <head></head> tags...

<link rel="stylesheet" type="text/css" media="all" title="ayrshirestyles" href="mystyles.css" />

The link tag in your webpage tells the HTML where to find the stylesheet. The ids in the html tell the stylesheet what their names are and the #idname identifies each ID and then indicates what styles you want to apply to that element.

Good luck with your project!

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.