Website messes up when minimized

I am working on a website: ( www.kentuckymustangautosales.com ) and the website is going fine, until I figured out that it completely messes up when minimized in any browser. I'll post my html and css code. Any help would be very much appreciated. Thanks.

My HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<!-- TemplateBeginEditable name="doctitle" -->

Need help with css submit button box

Hey guys I have a wordpress newsletter plugin and I can customize CSS to make it better looking
I not a pro with css but I try
submitbox.png

there is how the submit button look like in firefox. Dosent want to go higher.

I want the submit button to be at the same level as the input boxes if its possible

there is my css script

.wpmlwidget input.wpml {
    margin: -5px;
    padding: 2px 20px 2px 0;
}
input.ui-button {
border: 3px solid orange;
border-radius: 15px 15px 15px 15px;

Having vertical margin errors when I remove the border property

Just messing around with some drawing in CSS and found this weird error-it's kind of hard to explain so i'll just post the code, but basically my margin-top property only works when I have a border on the divs, which I don't want because it throws off the centering

Body with Padding for an App

I am trying to learn CSS and am building an app in HTML with no scrolling. I'm taking many tutorials on CSS but am having a problem that feels almost embarrassing. I have a blue background and a white rectangular body, and I want the white body to have even spacing on all sides. I only have a header and a body in the DOM. The CSS file is pulled in externally. Here is my CSS, this is the best I've gotten so far:

html, body{
	display:block;
	margin:0;
	padding:0;
}
 
html{
	background:#286491;
 
	width:100%;
	height:100%;
}
 
body{
 
	background:#ffffff;
 
	margin:2%;

CSS positioning help

Hello everyone,

I'm working on an HTML/CSS portoflio website for my exam project and I'm facing some trouble with positioning of the different elements.

First of all, here's the site: www.kristianmaar.dk/portfolio (validates fine except for CSS3)

I want the #footer to position 20px below the #main-content-wrapper but since I've had difficulties with that using absolute/relative positioning I'm now positioning the footer elements with margin-top on the individual pages.

I'm only testing in Firefox/Safari/Chrome, latest versions.

Any suggestions?

//Maar

Syndicate content