css absolute positioning shows different in safari

Hi,

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?

www.creativejeniusagency.com/bevy/bevy.html

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,
Joel

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>
<html>
<head>
<style>
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;
        width:100%;
    }
	#menu h1{
		font-family: Calibri, Arial, sans-serif;
		font-size: 100px;

Why is it centered?

PLEASE HELP!

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

http://mdweck.under-development.info/index.php/photographer

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;
}

Trying to Better Understand Grids

I am still new to CSS and have much to learn. I am trying to understand placement in a grid, with say, pictures and then content I want to sit to the left or right of said picture.

Let's say I have a 12 column grid I want to use for my page, each labeled accordingly starting from left to right from 1-12 respectively. So I have a picture I want to left align in column 3 that spans across through column 5. I then want to have column 6 blank and left align some paragraph text that will span columns 7-10. How do I do this?

Syndicate content