CSS Position Help

Hey good afternoon!

I've long delayed my process into switching over to CSS. Today I'm running across a position error and was wondering if anyone could spot the anamoly.

Here is the page:

How it appears now:
I've used the fixed tag for everything except the text. I did this to test browser sizing. Code below:

@charset "utf-8";
body {
	background-color: #fafafa;
	font-size: 15.5%;
	margin: 0;
	padding: 0;
body * {
	font-size: 100%;
h1, h2, h3, h4, h5, h6 {

css absolute positioning shows different in safari


This is racking my brain!
I've tried everything.

The CSS absolute positioning shows different in safari. In Firefox it's perfect.

How do I get it to work in all sites.

Also, the sizing changes the site as well. Is there a way to make it stay the same size despite the browser size?


Body Padding

Hi Guys,

I have some issues with padding. Here is the link to the site in mind. Link All i want to do is make the navigation bar span the entire distance of the white area. This can be done by taking of the 20 px padding under ".body" in my css file, the problem is that the text then starts right on the edge of the white area as well. Hope i've explained myself well enough!

Thanks All,

How to create a rotated vertical menu?

hey there i am working on a website recently. i have created a vertical rotated menu but then i cant increase the color of it can you help me with it ASAP

This is the CSS code:

<!DOCTYPE html>
body { 
	background-size: 6000px 6500px;
	background-repeat: no-repeat;
#menu {
        float: left;
        background-color: #1E90FF;
        border-bottom: 5px solid #ccc;
        border-top: 5px solid #ccc;
		height: 445px;
	#menu h1{
		font-family: Calibri, Arial, sans-serif;
		font-size: 100px;

Why is it centered?


I am using http://foundation.zurb.com/ framework to create a Joomla template. However on one of the pages:


The text is being centered and the right hand image placed below this. When I view the css on line 1015 of foundation.css is this:

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
direction: ltr;

Syndicate content