Center image in header div - cut off edges on small res

Submitted by allking on Wed, 2010-07-07 17:38

Cool Hello everyone, I've been browsing this forum for quite some time and have yet to have to ask a question, but here goes:

css

@charset "utf-8";
/* CSS Document */
 
* {
    margin: 0;
    padding: 0;
}
 
html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}
 
#bg {
    position: fixed;
	z-index: 1;
}
 
#bg div {
    height:200%;
    left:-55%;
    position:absolute;
    top:-100%;
    width:200%;
}
 
#bg td {
    text-align:center;
    vertical-align:bottom;
}
 
#bg img {
    margin:0 auto;
    max-height:100%;

Nested Divs and Overflow question

Submitted by Techno-Hero on Tue, 2010-06-22 06:25

Some help on how to fix this, if possible, would be much appreciated.

I've got two div tags. One inside the other. I want my outer div 'container' to be longer than the inner div it contains. However, even when I specify the height for the outer div in CSS it doesn't want to go past the size of the inner div.

Scaling a Div Backround Image not to exceed Containers Max-Width

Submitted by fjl3 on Sat, 2010-05-29 21:02

What I am trying to do is have rounded edges on the bottom of one of my Divs, but the Div shrinks and expands depending on window size. However, my Divs background image never changes.

Here is my CSS:

html {
    min-width: 945px;
} /*IE7*/
body {
    color: #393733;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    background: #D9F3CF;
}
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
    font: 83%/1.4 arial, helvetica, sans-serif;
}
a { color: #105CB6; cursor: pointer; outline: none !important; }
a:visited { color: #105CB6; }

CSS/DIV problem

Submitted by savado on Thu, 2010-05-27 21:53

Think hard, is this possible?
Please surf to my website and think with me...

On this page you can see I keep all diffrent 'messages' (MySQL-database entries) in div's witch I align in CSS to float left, but not show more than three messages in a row.

How can I make the vertical 'gaps' disappear?
I've searched everywhere, but I've only seen CSS DIV-positioning
with examples of two 'boxes' like these. I need some float: up ...

Thanks in advance! Smile

Some DIVS Working Some Not

Submitted by agk23 on Tue, 2010-04-20 05:07

This is driving me crazy. I can't get why some of these divs are working and some aren't. The divs that don't work are: bars, specials, contact and shadow. I can't understand why they won't work. I am new to CSS so I'll apologize in advance if it is a fundamental mistake but please teach me so I can understand it in the future. Any help is appreciated... thanks!

<html>
<?php header('Content-Type: text/html'); ?>
 
<head>
<title>Taipei Night Life</title>
<link rel="stylesheet" name="main" type="text/css" href="../main.css" />
</head>
 
<body>
<div id="logo">

Syndicate content