The content always goes over the logo when you resize the browserwindow so that it is not big enough anymore.

link text

alt text

3 answers

0
points

min-width or use an inline image.

Answered over 6 years ago by Nathan Duran
  • for what element do I define that? For the image? Daniel W over 6 years ago
  • For whatever element you want to have a minimum width. Nathan Duran over 6 years ago
0
points

simply do not use position:absolute or position:relative. Things are not supposed to go on top of each other. Also make sure it's not a background image, but an actual img tag. You can set margins or padding on the image so that there is some space around it. so e.g.

img { float:left; padding: 20px; }
form {float:left; width: 400px;}
Answered over 6 years ago by Michiel van der Blonk
  • Gives me the new issue, that every time I make the window smaller and the edges touch, the wrapper-div just goes down under the image. http://menschenbilder.bplaced.net/start/contact_.html Daniel W over 6 years ago
0
points

try adding changing #wrapper's margin to margin: 0 0 0 450px; to keep it away from the left edge.

Answered over 6 years ago by Tony Crockford
  • Unfortunately, this will keep it from sticking to the right border of the viewport. Daniel W over 6 years ago
  • of course the real answer is to start from a different place :) Tony Crockford over 6 years ago