My site container is 1024 px wide and I'm trying to position a 728 X 90 AdSense image (Java Script) and an image I created (296 X 90 JPG ) to run next to the leader board image on the same line. The desired end result would be a smooth 1024 X 90 set of images acrossthe top of the screen (see attachment). I've tested it on Firefox for Mac and windows, Chrome, Safari, and IE 7. The 296 X 90 image drops down to the next line, running under the AdSense leader board instead of next to it on the right. Here is my website: www.datravelmagazine.com/TEST.html
The problem is that the div C isn't showed full in thispage
The cause is the sum of this 3 points
- overflow:hidden; in .a
- position:relative; in .b
- position:absolute; in .c
First let me write my HTML code (it's dummy).
<body> <div id="rightContent"> <table border="1"> <tr /> ... ... ... </table> </div> <div id="leftContent"> <div id="navigation"> ... ... </div> </div> </body>
and I have CSS Rules as follows.
I am building a site with a full width header, navigation and footer and I am wanting to align the nav and footer copy centrally but still have it left aligned. I have tried using text indent but on smaller screen sizes it doesn't work as the copy stays where it is no matter what size screen it is viewed on.
Is this possible? If so how?
Cheers in advanced.
i have image 2050x768 size and i want, that page with this image will open in center of 1024x768 res and i can slide to left or right side.
i make it img not background because i need click on some area
<img src="img/bg.png" alt="struciu ferma" width="2050" height="768" usemap="#Map" />
<map name="Map" id="Map">
i try to center that with css but i can make only fixed center position without sliding to left or right.