overflow hidden + position relative + position absolute = div cut

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

Examples:

I want horizontal scrollbar to appear

Hi All,

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.

html, body{
margin:0;
padding:0;
width:100%;
}

div#rightContent {
float: right;
width: 70%;
height: 100%;
}

div#leftContent {
float: right;
width: 30%;
height: 100%;
}

Help with full width site

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.

Daz

how to center 2050x768 image in to 1024x768 res ?

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

html :

<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.

plz help! Smile

Embedded web page position

Hello,

Using Dreamweaver thrColHybHdr css and having a problem with the location of embedded web page in the main content area. Tried width="100%" height="100%" but page comes in tiny and stays tiny.

width="100%" height="700" is the height I want but the embedded page is centered in the main window when I want it at the top.

My html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Syndicate content